Iframe自适应高度
在Iframe中显示内容时，若是内容不固定，那么就须要让Iframe来自动适应页面的高度，下面是几种方法：ide
1.在包含Iframe的页面：this
<iframe src="main.asp" width="557px" height="100%" name="Mainv" id="Mainv" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="border:#FFFFFF" onload="this.height=this.contentWindow.document.body.scrollHeight"></iframe>
ip
这样就能够了get
2.在包含Iframe的页面：iframe
<iframe src="main.asp" width="557px" height="100%" name="Mainv" id="Mainv" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="border:#FFFFFF"></iframe>it
而后在每一个要在Iframe中显示的页面上，<body onload="parent.document.all.Mainv.height=getTotalHeight();">io
而后在页面底部加入
<div id="theEnd" style="position:relative"></div>
<script language="JavaScript">
function getTotalHeight(){
return document.getElementById("theEnd").offsetTop+10;
}
</script>
function
- 1. Iframe 高度自适应，js控制Iframe 高度自适应
- 2. iframe自适应高度
- 3. IFRAME 自动适应高度
- 4. iframe高度自适应
- 5. iframe的高度自适应
- 6. 总结iframe高度自适应，自适应子页面高度
- 7. iframe自适应高度和宽度
- 8. iframe高度自适应的方法
- 9. iframe 自适应高度解决
- 10. iframe自动适应高度跨域
- 更多相关文章...
- • PHP 获取图像宽度与高度 - PHP参考手册
- • 自定义TypeHandler - MyBatis教程
- • 适用于PHP初学者的学习线路和建议
- • 算法总结-广度优先算法
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. Iframe 高度自适应，js控制Iframe 高度自适应
- 2. iframe自适应高度
- 3. IFRAME 自动适应高度
- 4. iframe高度自适应
- 5. iframe的高度自适应
- 6. 总结iframe高度自适应，自适应子页面高度
- 7. iframe自适应高度和宽度
- 8. iframe高度自适应的方法
- 9. iframe 自适应高度解决
- 10. iframe自动适应高度跨域