iframe自动调整高度

最新推荐文章于 2024-06-14 15:13:12 发布

抽象兔

最新推荐文章于 2024-06-14 15:13:12 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签： iframe 浏览器 function ie

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
//** iframe自动适应页面 **//

//输入你希望根据页面高度自动调整高度的iframe的名称的列表
//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一个窗体，则不用逗号。

//定义iframe的ID
var iframeids=["f1"]

//如果用户的浏览器不支持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;
     else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE
      dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
    }

   }
   //根据设定的参数来处理不支持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.οnlοad=dyniframesize
</script>

#将此段代码放到<head>中即可运行

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

抽象兔 CSDN认证博客专家 CSDN认证企业博客

码龄23年

25: 原创

35万+: 周排名

145万+: 总排名

8万+: 访问

: 等级

998: 积分

4: 粉丝

4: 获赞

5: 评论

34: 收藏

私信

关注

热门文章

分类专栏

AJAX 18篇
DataBase 8篇
Java 40篇
JavaScript 25篇
Linux & Unix 3篇
XML 8篇
开源&框架 11篇
Hibernate 5篇
JavaScript&Html 29篇
开源&整合 7篇
Spring 3篇
Linux 18篇
ASP 4篇
Ibatis 3篇
EXT 1篇
Android 8篇

最新评论

wordpress模板制作
沐熙elf: 你好！我想问一下，现在的wp还试用你这些教程嘛？
JavaScript窗口之定制新窗口参数
bbgb1984: 很好很全面
Hibernate中多对多关系的常见问题
lcwiz2: 前辈：关系的维护方到底是写inverse那端呢？还是抛出去的那端！
javascript 与 DOM
bravepetrel: mytable.setAttribute("border","2"); } </script> </head> <body> <input type="button" value="Crwelick!" onclick="start()"> </body> </html>
javascript 与 DOM
bravepetrel: 为什么总报错？？？？在线等 <head> <title>Sample code </title> <script> function start() { //获得body的引用 var mybody=document.getElementsByTagName("body").item(0); //创建一个<table></table>元素 mytable = document.createElement("TABLE"); //创建一个<TBODY></TBODY>元素 mytablebody = document.createElement("TBODY"); // 创建行列 //var num=3; //num=document.getElementById("myNumber"); for(j=0;j<3;j++) { //创建一个<TR></TR>元素 mycurrent_row=document.createElement("TR"); for(i=0;i<3;i++) { //创建一个<TD></TD>元素 mycurrent_cell=document.createElement("TD"); //创建一个文本元素 currenttext=document.createTextNode("cell is row "+j+", column "+i); //把新的文本元素添加到单元TD上 mycurrent_cell.appendChild(currenttext); // appends the cell TD into the row TR //把单元TD添加到行TR上 mycurrent_row.appendChild(mycurrent_cell); } //把行TR添加到TBODY上 mytablebody.appendChild(mycurrent_row); } // 把 TBODY 添加到 TABLE mytable.appendChild(mytablebody); // 把 TABLE 添加到 BODY mybody.appendChild(mytable); // 把mytable的border 属性设置为2

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。