iframe自适应高度兼容 iframe自适应高度(兼容多种浏览器)

?????? 最近些项目遇到用iframe的地方,发现设置的固定高有时不能完全适应项目环境,不是高了就是不够高,在页面里看着很不爽。

?????? 想来想去,何不让iframe自适应高度呢。经过一番折腾,最终还是弄出来。下面是实现的源码:

<div id="leamain">

iframe自适应高度兼容 iframe自适应高度(兼容多种浏览器)

?? ??? <iframe src="#" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="765" height=100% id="iframepage" name="iframepage" onLoad="iFrameHeight()" ></iframe>

<script type="text/javascript" language="javascript">

?? ?function iFrameHeight() {

?? ??? ?var ifm= document.getElementById("iframepage");

?? ??? ?var subWeb = document.frames ? document.frames["iframepage"].document :

ifm.contentDocument;

?? ??? ??? ?if(ifm != null && subWeb != null) {

?? ??? ??? ?ifm.height = subWeb.body.scrollHeight;

?? ??? ??? ?}

?? ?}

</script>?

? ???</div>

以上亲测,ie、火狐、谷歌等浏览器均没问题,希望对你有用。

  

爱华网本文地址 » http://www.aihuau.com/a/8104550103/299126.html

更多阅读

蓝牙中的自适应跳频技术AFH 软件自适应跳频

蓝牙所采用的自适应调频技术蓝牙工作于2.4~2.48GHz ISM频段,由于该频段频谱异常拥挤(11b/g,微波炉,无绳电话等),并且BlueTooth采用低功耗(-6~+4dBm)。因此为了避免频率的相互冲突,蓝牙采用了AFH(AdaptiveFrequency Hopping),LBT(Listen Before T

jquery实现iframe自适应高度 iframe 自适应高度

超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。注意别放错地方了哦。iframe代码,注意要写ID<iframe src="test.html" id="main" width

万和燃气热水器官网 万和国内首创GAA燃气自适应技术

      近日,以“臻美不凡,引领行业”为主题的万和GAA燃气自适应技术新闻发布会在北京国际饭店召开,同时万和还发布了基于该技术的燃气采暖热水炉、燃气热水器以及多能源集成热水系统等三大类新品。  揭秘万和GAA燃气自适应技术 

广州万和燃气灶维修 万和国内首创GAA燃气自适应技术

     近日,以“臻美不凡,引领行业”为主题的万和GAA燃气自适应技术新闻发布会在北京国际饭店召开,同时万和还发布了基于该技术的燃气采暖热水炉、燃气热水器以及多能源集成热水系统等三大类新品。  揭秘万和GAA燃气自适应技术 

声明:《iframe自适应高度兼容 iframe自适应高度(兼容多种浏览器)》为网友待糘荖漢分享!如侵犯到您的合法权益请联系我们删除