iframe 용 DOM 확장 문서

Question

문서를 확장하는 데 사용하는 일련의 기능 (예 : 바인딩/바인딩 해제)이 이미 있습니다. 내가 할 경우 그것은 작동하지 않는 document.bind('load',someAction,{})

을 : 같은 내가 물건을 할 수 $('some_iframe').contentWindow.document.bind(...) 그리고 분명히을 $('some_iframe').contentWindow.document.prototype가 존재하지 않습니다. 편집

: 여기 코드 고장입니다 :

//the eggplant library 
eggp = { 
    extend: function(dest, source){ 
     for(var prop in source) 
      dest.prototype[prop] = source[prop]; 
     return dest; 
    }, 
    //other functions below... 
    bind{}, 
    unbind{} 
} 
//extend the DOM 
eggp.extend(Document, eggp); 
//extending the iframe document DOESN'T WORK 
eggp.extend(someiframe.contentWindow.document, eggp); 

내가 someiframe.contentWindow.document이 정의되어 있는지 확인했지만, 그것은 object HTMLDocument

Answer 1

최소한 크로스 브라우저 방식으로는 불가능합니다. 이상적으로는 HTMLDocument 오브젝트의 prototype을 확장 할 수 있지만, 물론 IE에는이 오브젝트가 처음부터 없습니다. 이 문제를 해결하기 위해 IFrame을 만들고 자동으로 document 개체를 확장하는 함수를 만들 수 있으며 해당 함수를 독점적으로 사용하여 IFrame을 만들 수 있습니다. 그러나 프레임이 이미 페이지에 있으면 많은 작업을 수행 할 수 있습니다. 각 루프를 반복하고 수동으로 확장하지 못합니다.

$('iframe').each(function() { 
    MyLibrary.extend(this.contentWindow.document, MyDocumentPrototype); 
}); 

은 (JQuery와, 여기에 모두의 iframe을 얻기 위해 자신의 라이브러리 코드를 삽입 가정.) 일반적으로

하지만, 내장 DOM 객체를 확장하는 것은 bad idea, 당신은 다른 방법을 마련한다 그래서 당신이 원하는 것을 할 수 있습니다.

Answer 2

어떻게 처음 document을 확장하고 반환? 후자가 생성자가 아니기 때문에 document.prototype 대신 HTMLDocument.prototype을 확장하지 않아도됩니까?

당신은 iframe에서 잘못된 것을 확장하고 있습니까? 제가 틀렸다면 처음에 어떻게 확장했는지 말해주십시오.

Answer 3

"some_iframe"은 ID입니다. jQuery로 ID로 개체를 선택하려면 CSS와 마찬가지로 #을 사용해야합니다.

따라서 $('#some_iframe').eq(0).contentWindow.document.prototype이어야합니다.

태그 이름으로 선택하는 데 사용되는 #을 사용하지 않는 경우.

그래서 $('p')은 페이지의 모든 <p> 태그를 선택합니다.