iframe 自动适应页面大小
2012-10-17 10:38
381 查看
<script language="javascript" type="text/javascript"> //输入你希望根据页面高度自动调整高度的iframe的名称的列表 //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。 //定义iframe的ID var iframeids = ["iframe1", "iframe2", "iframe3", "iframe4"]; //如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏 var iframehide = "yes"; function dyniframesize() { var dyniframe = new Array() for (i = 0; i < iframeids.length; i++) { if (document.getElementById) { //自动调整iframe高度 dyniframe[dyniframe.length] = document.getElementById(iframeids[i]); if (dyniframe[i] && !window.opera) { dyniframe[i].style.display = "block"; if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight+5; else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE dyniframe[i].height = dyniframe[i].Document.body.scrollHeight+5; } } //根据设定的参数来处理不支持iframe的浏览器的显示问题 if ((document.all || document.getElementById) && iframehide == "no") { var tempobj = document.all ? document.all[iframeids[i]] : document.getElementById(iframeids[i]); tempobj.style.display = "block"; } } } if (window.addEventListener) window.addEventListener("load", dyniframesize, false); else if (window.attachEvent) window.attachEvent("onload", dyniframesize); else window.onload = dyniframesize; </script>
<div> <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <!--width和height可设置成100%--> <tr> <td> <iframe src="Detail.aspx?Id=2" id="iframe1" name="iframepage" frameborder="0" scrolling="no" width="100%"></iframe> <iframe src="../product/seebyuser.aspx?u_id=2" id="iframe2" name="iframepage" frameborder="0" scrolling="no" width="100%"></iframe> <iframe src="../orders/SellerOrder.aspx?order_sellerid=2" id="iframe3" name="iframepage" frameborder="0" scrolling="no" width="100%"></iframe> <iframe src="../Details/Default.aspx?u_id=2&type=0" id="iframe4" name="iframepage" frameborder="0" scrolling="no" width="100%"></iframe> </td> <!--width和height要设置一个值,不然无法显示全部,width可设置个百分值不影响,但height就不行了--> </tr> </table> </div>
/article/1272354.html
相关文章推荐
- iframe的大小自动适应嵌入页面大小的代码
- iframe 自动适应页面大小
- IFrame 根据嵌入页面自动调节大小
- 如何使IFrame的长宽与内容自动适应大小
- iframe自动适应加载页面高度
- 用JS控制Iframe自动适应页面的高度
- iframe 随着页面大小自动扩展
- 如何使IFrame的长宽与内容自动适应大小
- 如何使IFrame的长宽与内容自动适应大小
- 如何使IFrame的长宽与内容自动适应大小
- iframe里面 怎么让页面的大小自动调整到框架的大小
- 如何使IFrame的长宽与内容自动适应大小
- 让iframe自动适应页面的javascript
- 如何使IFrame的长宽与内容自动适应大小
- iframe自动适应付窗口的大小变换
- 如何使IFrame的长宽与内容自动适应大小
- 父页面iframe高度自动适应子页面iframe高度
- IFrame 根据嵌入页面自动调节大小
- iframe 自动适应子页面高度宽度
- Iframe 自动适应页面的高度