iframe 플러그인 페이지의 넓이를 통해 사용자 적응 문제

2902 단어 iframe
a.html 페이지에 b.html을 삽입하면 다음과 같습니다.
<iframe src="b.html" id="bbb"  width="200" height="36"   frameborder="0" scrolling="auto">iframe>

b.html 페이지의 DOM 노드는 동적이기 때문에 너비가 확실하지 않다.그러므로 iframe의 넓이는 죽음을 정할 수 없다.본인의 최초의 방법은 iframe 바깥에div를 끼워 넣는 것입니다. iframe의 크기는div 크기가 100%인 관계입니다.그리고 끼워 넣은div폭을 제어해서 실현한다.결국 안 된다는 걸 알게 됐어요.네가 본 div는 이미 이 div가 아니기 때문이다.안에 있는 것은 모두 iframe의 원소이다.네가 동적 조작하는 것은 모두 iframe의 요소이다.그러므로 바꿀 수 밖에 없다. 그러면 iframe의 넓이와 높은 동태만 설정할 수 있다.그러므로 b.html 페이지에서 window를 통과해야 합니다.parent는 iframe의 크기를 조작하기 위해 크로스 필드를 진행합니다.또는 a.html 페이지에서 window를 통해.frames[0] 또는 $("#bbb").콘텐츠 () 는 하위 페이지를 조작하기 위해 크로스 필드를 진행합니다.실제 코드는 다음과 같습니다. b.html에서:
var main = $(window.parent.document).find("#bbb");
    main.toggleClass("www");

www는 넓이를 설정하는 데 쓰인다.또는 a.html:
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height();
$(this).height(mainheight);

특히 상술한 방법은 서버 측을 통해 진행해야 하며, 순수한 정적 페이지는 안 됩니다!!
순조로운 보급 아래: Iframe은 페이지를 끼워 넣고 관리하기 쉬우나 크로스 필드, 부자 페이지 방문 문제에 자주 부딪힌다.하위 페이지가 부모 페이지에 접근하면 호환성 있게 window를 통과할 수 있습니다.Top 또는 window.Parent 또는 window.frameElement 등의 작업입니다.하위 페이지가 부모 페이지에 접근하면 콘텐츠 윈도 또는 콘텐츠 문서예컨대
var bHeight = iframe.contentWindow.document.body.scrollHeight;
   var haha=document.getElementById("iframeName").contentWindow;

좋은 웹페이지 즐겨찾기