contentWindow,contentDocument 깊이 분석
1711 단어 contentWindowcontentDocument
contentWindow 는 각 브 라 우 저 를 호 환 하여 하위 창의 window 대상 을 찾 을 수 있 습 니 다.
contentDocument Firefox 지원,>ie8 의 ie 지원.하위 창의 document 대상 을 가 져 올 수 있 습 니 다.
하위 iframe 에 부모 급 iframe 또는 손 급 iframe 높이 를 설정 합 니 다.
function showIframeH(){
var parentWin = parent.document.getElementById("test");
if(!parentWin) return false;
var sub = parentWin.contentWindow.document.getElementById("test2");
if(!sub) return false;
var thirdHeight = sub.contentWindow.document.body.offsetHeight; // body
sub.height = thirdHeight; // iframe
var secondHeight = x.contentWindow.document.body.offsetHeight; // body
x.height = secondHeight; // iframe
//alert(secondHeight);
//alert('body: ' + x.contentDocument.body.offsetHeight + ' div:' + thirdHeight);
}
다음은 2345 의 홍보 로 인해 많은 네 비게 이 션 사이트 들 이 인터넷 주 소 를 2345 의 홍보 페이지 로 직접 바 꾸 었 습 니 다.그것 은 바로 현재 도 메 인 이름 에서 2345 의 폭 을 얻 은 다음 에 js 를 통 해 iframe 내용 의 높이 를 설정 하 는 것 입 니 다.이렇게 보면 전체 이 고 핵심 내용 은 다음 과 같 습 니 다.iframe
js 코드
<script>
function mainFrameLoaded(t)
{
//debugger;
//alert(t.contentWindow.document.body.offsetHeight);
t.style.height = t.contentWindow.document.body.offsetHeight + 'px';
}
</script>
js 가 앞 에 쓰 여 있 는 것 을 기억 하 세 요.iframe 은 뒤에 있 습 니 다.onload 를 통 해 불 러 올 때 촉발 되 고 완벽 하 게 융합 되 었 습 니 다.