IE浏览器解决ifarme自适应高度的两种超级简单的方法，基于jquery，不用写任何判断浏览器高度、宽度之类的代码。
两种方法的区别就是一钟要放在父页面，另一种是放在子页面。根据你的实际需求选择代码即可，jquery代码要放在iframe代码后面，注意别放错页面和位置。
一个是放在和iframe同页面的，一个是放在test.html页面的。
iframe代码，注意要写ID。
|
1
|
<iframe src="test.html" id="main" width="600" height="300" frameborder="0" scrolling="auto"></iframe>
|
jquery代码１，放在父页面（放在包含上述iframe代码的页面）：
|
1
|
$(window.parent.document).find("#main").load(function(){ var main = $(window.parent.document).find("#main"); var thisheight = $(document).height()+30; main.height(thisheight); });
|
jquery代码２，放在子页面（放在弹出的iframe页面）：
|
1
|
$("#main").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheight); });
|
未经允许不得转载：主机百科 » IE浏览器iframe自适应高度的两种方法(jquery版本)
蒙公网安备15010502001094号