iframe自适应高度（转）

iframe自适应高度

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

标签：  iframe   高度   自适应   js   杂谈

分类： 网页制作

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


这样在不设置高度的情况下iframe也能够根据自身内容自适应了。

转载于:https://www.cnblogs.com/lianghong/p/8036717.html