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;
}
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;
}
相关文章推荐
- iframe高度自动调整(通过IE,firefox,opera测试)
- iframe自动调整高度
- 适应各个浏览器的iframe高度自动调整
- iframe高度自动调整
- 根据内容自动调整IFrame高度
- 用样式自动调整iframe框架页高度
- 自动调整嵌入iframe的页面的高度
- 用样式自动调整iframe框架页高度
- iframe自动调整高度
- jQuery解决iframe高度随内容自动调整
- 自动调整嵌入iframe的页面的高度
- jQuery解决iframe高度随内容自动调整
- JavaScript实现iframe自动高度调整和不同主域名跨域
- JavaScript实现iframe自动高度调整和不同主域名跨域
- 自动调整iframe的高度
- javascript自动调整iframe高度
- iframe 自动调整高度js
- iframe 的高度根据内容自动调整
- jquery控制iframe根据内容高度自动调整问题。
- 根据内容自动调整IFrame高度