我们先看一个示例有两个页面,1.html通过嵌入iframee嵌入2.html两个页面都是同域的
我们先看一个示例,有两个页面1.html通过嵌入iframee嵌入2.html,两个页面都是同域的 2.html很多P元素将高度撑高一些 此时,浏览器访问1.html效果如图 可以看到,嵌入的嵌入iframee出现了滚动条需求是不想出现滚动条,页面多高就显示多少我们不能随便给嵌入iframee設个高度,因为你不知道嵌入的嵌入iframee会有多高(内容是动态生成的) 解决方法其实很简单,无非是给1.html里的嵌入iframee设个高度高度的值即为2.html嘚内容高度。要注意的是2.html的内容高度需要页面完全载入(onload)后获取 A. JS代码写在父页面,即父页面(1.html)里获取子页面(2.html)文档对象当嵌入iframee載入后(load)获取高度,将此高度值赋值给嵌入iframee标签 开始测试时使用嵌入iframee的contentWindow的load事件但所有浏览器均不执行。最后使用嵌入iframee的load事件在父页媔1.html底部加入如下JS代码 B. JS代码写在子页面,即子页面在window load后计算高度将此高度值赋值给父页面的嵌入iframee 在子页面(2.html)底部加入如下代码 通过这两種方式都可以实现嵌入iframee的高度自适应,可以看到重新设置嵌入iframee的高度后其滚动条都去掉了。