这个例子主要用于iframe框页面，或者弹出框页面的时候。先看例子代码
父页面(父窗口) a.html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function f1()
{
$("#a")[0].contentWindow.test();
}
</script>
<div id="maindiv"></div>
<iframe id="a" name="a" src="b.html" width="600" height="400"></iframe><br />
<input type="button" value="调取子页面函数" onclick="f1()" />
(鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助)
子页面(子窗口) b.html
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function test()
{
alert('本提示信息来自b.html');
}
</script>
此页面为b.html
</body>
</html>(鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助)
现在实现的功能是，点击a.html上面的按纽，调用b.html中test()函数。
运行一下a.html，是不是这个效果。