关于iframe页面自动调整宽高的问题

Question

http://lee850413.blog.163.com/blog/static/4365256200792534032770/
http://blog.csdn.net/zuozuo1245/article/details/20909619试试

Answer 1

谢谢您的回答，我对js不太熟悉，常用的是jquery，但是我看了下代码，感觉这个方法也是在onload的时候读取各个要载入页面的宽高并设定给iframe而我想解决的是：比如，已经载入了好了一个完整的页面，点击页面内一个按钮，会将一些隐藏的东西显示出来，即高度肯定还要增加，而已经载入好的iframe高度显然是不够的，如何在这个时候再次调整iframe的宽高来适应改变后的页面？请问您有没有什么好的解决方法？我在网上找了很久都没找到，先谢过

Answer 2

自己解决了,获取嵌入页面的可见宽高,并赋给iframe封装成方法,js放在嵌入页面中引用,在嵌入页面有宽高变化的地方,调用该方法即可
$(document).ready(function () {
    AutoSize();
});function AutoSize() {
    var main = $(window.parent.document).find("#MainPage"); // 找到iframe对象
    var thisheight = $(window.document.body).height(); // 获取页面高度
    var thiswidth = $(window.document.body).width();
    main.height(thisheight); // 为iframe高度赋值
    main.width(thiswidth);
}