[英]Code to increase the iframe height not working in Google Chrome
我使用以下代碼來增加iframe
高度。 此代碼在Mozilla和IE中可以正常工作,但在Google Chrome中不能正常工作。
<script type="text/javascript">
function calcHeight()
{
the_height = document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
document.getElementById('the_iframe').height = the_height + 35;
}
</script>
<iframe src="indexframe.html" id="the_iframe" onLoad="calcHeight();" name="home_frame" width="100%" frameborder="0" ></iframe>
如果您使用的是jQuery
$('#the_iframe').css({'height':(the_height+35)+'px'});
在firefox以外的地方使用document.documentElement.scrollHeight
<iframe src="indexframe.html" id="the_iframe" onLoad="calcHeight();" name="home_frame" width="100%" frameborder="0" ></iframe>
<script type="text/javascript">
function calcHeight()
{
the_height=document.documentElement.scrollHeight;
document.getElementById('the_iframe').height=the_height+35;
}
</script>
跨瀏覽器的方式有點復雜
<iframe src="indexframe.html" id="the_iframe" name="home_frame" width="100%" frameborder="0" ></iframe>
<script type="text/javascript">
var iframe = document.getElementById('the_iframe');
if (iframe.addEventListener) {
iframe.addEventListener('load', loader, false);
} else if (iframe.attachEvent) {
iframe.attachEvent("onload", loader);
} else {
iframe.onload = loader
}
function loader() {
var D = iframe.contentDocument ? iframe.contentDocument :
(iframe.contentWindow ? iframe.contentWindow.document : iframe.document),
the_height = Math.max(
D.body.scrollHeight, D.documentElement.scrollHeight,
D.body.offsetHeight, D.documentElement.offsetHeight,
D.body.clientHeight, D.documentElement.clientHeight
);
iframe.height = the_height+35;
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.