contentWindow,contentDocument 깊이 분석

생활 은 영원히 큰 염색 항아리 로 흰 천 한 조각 이 내 려 가 고 검 은 천 한 조각 이 나 오 며 검 은 천 한 조각 이 내 려 가 고 일곱 가지 색 천 한 조각 이 나온다.
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 를 통 해 불 러 올 때 촉발 되 고 완벽 하 게 융합 되 었 습 니 다.

좋은 웹페이지 즐겨찾기