这个例子主要用于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,是不是这个效果。