IE 浏览器解决 ifarme 自适应高度的两种超级简单的方法,基于 jquery,不用写任何判断浏览器高度、宽度之类的代码。
两种方法的区别就是一钟要放在父页面,另一种是放在子页面。根据你的实际需求选择代码即可,jquery 代码要放在 iframe 代码后面,注意别放错页面和位置。
一个是放在和 iframe 同页面的,一个是放在 test.html 页面的。
iframe 代码,注意要写 ID。
<iframe src="test.html" id="main" width="600" height="300" frameborder="0" scrolling="auto"></iframe>
jquery 代码1,放在父页面(放在包含上述 iframe 代码的页面):
$(window.parent.document).find("#main").load(function(){ var main = $(window.parent.document).find("#main"); var thisheight = $(document).height()+30; main.height(thisheight); });
jquery 代码2,放在子页面(放在弹出的 iframe 页面):
$("#main").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheight); });
本文为原创文章,版权归主机之家测评所有,欢迎分享本文,转载请保留出处!
你可能也喜欢
- ♥ 腾讯地图:提示“鉴权失败,请传入正确的 key”的解决办法08/28
- ♥ git 提示:nothing added to commit but untracked files present 错误的解决办法08/27
- ♥ DedeTag Engine Create File False 错误 DEDE 生成文件时提示“DedeTag Engine Create File False”的解决办法08/30
- ♥ 一个大的材字旁边一个小的用字是什么成语?08/23
- ♥ 一堆数字 3 一堆数字 5 是什么成语?08/24
- ♥ 【疯狂猜成语/图猜成语】五个人头上都有圆圈站在一起,旁边还有一个人头上也有圆圈是什么成语?08/17