iframe自适应高度(转)

iframe自适应高度

  (2013-04-23 17:29:49)
标签: 

iframe

 

高度

 

自适应

 

js

 

杂谈

 
分类: 网页制作
有时候我们的网站需要引入其他网站的东西,比如评论,这时候就需要使用iframe,那么在不知道其高度的情况下如何使其能够自适应呢?下面用js代码实现。
<iframe id="iFrame1"  width="100%" src="链接地址" frameborder="0"  scrolling="no" onload="document.getElementByIdx_x_x('iFrame1').style.height = document.body.clientHeight+'px'; "></iframe>
最重要的就是这句:onload="document.getElementByIdx_x_x('iFrame1').style.height = document.body.clientHeight+'px';也可以直接用this.style.height=
不知道新浪博客总是在某些单词后面添加一些无用的(getElementByIdx_x应该去掉x_x),截图如下:
iframe自适应高度

这样在不设置高度的情况下iframe也能够根据自身内容自适应了。
posted @ 2017-12-14 11:16  coael  阅读(154)  评论(0编辑  收藏  举报