瀏覽器在不加載資源的情況下解析jQuery的HTML

Question

是否可以通過JavaScript將HTML傳遞給瀏覽器並使用jQuery解析它，但是不加載外部資源？ （腳本，圖像，閃存，任何東西）

如果這是我能做的最好的，我會用XML解析器來做，但如果可能的話，我想讓寬鬆的HTML。

它必須與Chrome，Firefox，最新的IE兼容。

Answer 1

var html = someHTML; //passed in html, maybe $('textarea#id').val();? I don't understand what you mean by 'passed in html' 
var container = document.createElement('div'); 
container.innerHTML = html; 
$(container).find('img,embed,head,script,style').remove(); 
//or 
$(container).find('[src]').remove(); 

var target = someTarget; //place to put parsed html 
$(container).appendTo($(target)); 

編輯

測試工作

removeExt = function(cleanMe) { 
    var toScrutinize = $(cleanMe).find('*'); //get ALL elements 
    $.each(toScrutinize, function() { 
     var attr = $(this)[0].attributes; //get all the attributes 
     var that = $(this); 
     $.each(attr, function(){ 
      if ($(that).attr(this.nodeName).match(/^http/)) {//if the attribute value links externally 
      $(that).remove(); //...take it out 
      } 
     }) 
    }) 
    $('script').remove(); //also take out any inline scripts 
} 

var html = someHTML; 
var container = document.createElement('div'); 
container.innerHTML = html; 
removeExt($(container)); 
var target = someTarget; 
$(container).appendTo($(target)); 

這將匹配SRC，HREF，鏈接，數據富，什麼...沒辦法從外部鏈接。 http和https都匹配。內聯腳本被殺死。如果它仍然是一個安全問題，那麼也許這應該做服務器端，或混淆你的JS。