iframe 플러그인 페이지의 넓이를 통해 사용자 적응 문제
2902 단어 iframe
<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;
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
puppeteer로 iframe의 요소를 조작합니다.iframe내에 버튼을 준비해, 그 버튼을 누르면 버튼의 색이 바뀌는 만큼의 페이지를 만듭니다. app/index.html app/iframe.html puppeteer의 코드를 작성합니다. app/script.js...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.