您的位置:首页 > 其它

iframe自动调整高度最佳解决方案

2011-07-21 11:05 302 查看
<script type="text/javascript">

function SetCwinHeight(){

var sharejs_frame=document.getElementById("frame1"); //iframe id

if (document.getElementById){

if (sharejs_frame && !window.opera){

if (sharejs_frame.contentDocument && sharejs_frame.contentDocument.body.offsetHeight){

sharejs_frame.height = sharejs_frame.contentDocument.body.offsetHeight;

}else if(sharejs_frame.Document && sharejs_frame.Document.body.scrollHeight){

sharejs_frame.height = sharejs_frame.Document.body.scrollHeight+5;

}

}

}

}

</script>

<iframe frameborder="0" onload="SetCwinHeight()" id="frame1" width="955" name="frame1" scrolling="no" height="100%"></iframe>

这样就不需要到每个页面去设置 iframe 的高度了,在iframe初始化 onload中就可以设置。

window.onload=function(){

var ptd = window.parent.document.getElementById("frame1");

ptd.style.height = document.body.clientHeight;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: