当前位置: 首页 » 产品 » 农牧养殖 » 正文

javascript 中iframe高度自适应(同域)实例教程

放大字体  缩小字体 发布日期: 2024-12-23 12:53   来源:http://www.baidu.com/  作者:无忧资讯  浏览次数:16
核心提示:javascript 中iframe高度自适应(同域)今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码:function

javascript 中iframe高度自适应(同域)

今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码:

function SetCwinHeight(){ var iframeid=document.getElementById("frame"); //frame是iframe的id if (document.getElementById) { if (iframeid && !window.opera) { if (iframeid.contentdocument && iframeid.contentdocument.body.offsetHeight) { iframeid.height=iframeid.contentdocument.body.offsetHeight; }else if (iframeid.document && iframeid.document.body.scrollHeight) { iframeid.height=iframeid.document.body.scrollHeight; } } }

iframe嵌入页面时需要等待它完全加载完后才可以调用SetCwinHeight(),所以当修改iframe里的src值时,也需要等待修改的页面完全嵌入后才可以调用SetCwinHeight(),这样才有效果,那么该怎么放置SetCwinHeight(),我的解决方法是在iframe标签里直接调用,即这样写 <iframe onload="SetCwinHeight();"></iframe>,但是这样的的话会污染了html环境,可是在js中一般只用一次window.onload=function(){},如果使用多次,后面的会覆盖前面的,所以目前为止我能想到的解决方法就这一个

 
 
[ 产品搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 

 
推荐图文
推荐产品
点击排行
    行业协会  备案信息  可信网站