欢迎光临
我们一直在努力

js父页面(父窗口)调用子页面(子窗口)上的js函数

建站超值云服务器,限时71元/月

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

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » js父页面(父窗口)调用子页面(子窗口)上的js函数
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址