iframe父窗口和子窗口之间的调用

1>父窗口获取子窗口

js方法

document.getElementById('if1').contentWindow.document；

window.frames["if1"].document.body；

jQuery方法

$(this).contents();

2>父窗口获取子窗口高度

js方法

document.getElementById('if1').contentWindow.document.body.scrollHeight；

window.frames["if1"].document.body.scrollHeight；

jQuery方法

$(this).contents()[0].body.scrollHeight;

3>子窗口调用父窗口方法

js方法

window.parent.fun();

4>iframe自适应高度

在iframe的load事件中重新设置iframe的高度。

        $(function () {
            $("iframe").each(function () {
                $(this).load(function () {
                    $(this).height($(this).contents()[0].body.scrollHeight);
                });
            });
        });

　　

 程序员的基础教程：菜鸟程序员

转载于:https://www.cnblogs.com/guohu/p/3468560.html