브라우저에서 리소스를로드하지 않고 jQuery의 구문을 분석하십시오.

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 링크, 데이터 foo는 일치 작업 편집

테스트. http와 https가 일치합니다. 인라인 스크립트가 삭제됩니다. 여전히 보안 문제가 있다면 서버 측에서 수행하거나 JS를 난독 처리해야합니다.