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的高度。

+ View Code?

1 2 3 4 5 6 7

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

　　

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