iframe自适应高度

 

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

标签：

分类：

有时候我们的网站需要引入其他网站的东西，比如评论，这时候就需要使用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也能够根据自身内容自适应了。