iframe自适应高度
(2013-04-23 17:29:49)有时候我们的网站需要引入其他网站的东西,比如评论,这时候就需要使用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 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也能够根据自身内容自适应了。