iframe自适应高度(转)
iframe自适应高度
![此博文包含图片](http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif)
有时候我们的网站需要引入其他网站的东西,比如评论,这时候就需要使用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自适应高度](http://s5.sinaimg.cn/mw690/60b35e83tdb03f9473144&690)
这样在不设置高度的情况下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也能够根据自身内容自适应了。