내 iframe의 내용이 변경되었는지 감지 할 수 있습니까?iframe 크기를 어떻게 감지합니까?
일시적으로 콘텐츠의 높이를 확인하는 루프가 있습니다. 효과적이지는 않지만 효율적이지 않습니다. 다른 방법이 있습니까?
내 iframe의 내용이 변경되었는지 감지 할 수 있습니까?iframe 크기를 어떻게 감지합니까?
일시적으로 콘텐츠의 높이를 확인하는 루프가 있습니다. 효과적이지는 않지만 효율적이지 않습니다. 다른 방법이 있습니까?
iframe의 내용에 별도의 window
요소가 있으므로 iframe 내부의 스크립트에서이를 수행 할 수 있습니다.
$(window).resize(function(){
var object = $(this)
// Use `object.height()` and `object.width()`.
});
또한 iframe이 들어있는 범위에서 iframe 대응의 window
개체에 액세스하는 대신 window
의 (같은 또는 무언가) $("#the_iframe")[0].contentWindow.window
를 사용할 수 있습니다.
고맙습니다 .. 이걸 시도해 보겠습니다 .. – yoshi
-1 - 불행히도 이것은 정확하지 않습니다. 이는 '
setInterval(function() {
var ifm = document.getElementById("UIMain");
var h = ifm.contentWindow.document.body.scrollHeight;
ifm.height = h < 400 ? 400 : h;
}, 800);
순수 자바 스크립트는 괜찮습니다. jquery가 필요하지 않습니다.
은 iframe 코드 :
<body onload="parent.alertsize(document.body.scrollHeight);">
상위 페이지 : 콘텐츠를 의미 어떻게
<script>
function alertsize(pixels){
pixels+=32;
document.getElementById('myiframe').style.height=pixels+"px";
}
</script>
이
문제를 해결? 다른 URL로 새로 고침? 양식 요소가 업데이트 되었습니까? 두 페이지의 높이가 같을 때 높이가 도움이되는지 확신하지 못합니다. 또한 다른 도메인에서 페이지를로드하는 경우 문서 본문의 높이에 액세스 할 수 없습니까? 더 많은 정보가 필요합니다
변경 – redsquare