js父页面中使用子页面的方法
iframe是非常常用的一个html元素,如果在父页面中使用子页面的方法应该怎么写呢,下面就做一下简单的介绍。
一、父页面代码
<html>
<head>
<metacharset="gb2312">
<title>父页面</title>
<scripttype="text/javascript">
functionparentFunction()
{
alert('functioninparent');
}
functioncallChild()
{
child.window.childFunction();
/*
child为iframe的name属性值,
不能为id,因为在FireFox下id不能获取iframe对象
*/
}
</script>
</head>
<body>
<iframename="child"src="./child.html"></iframe>
</body>
</html>
二、iframe中的代码
<html>
<head>
<metacharset="gb2312">
<title>iframe代码</title>
<scripttype="text/javascript">
functionchildFunction()
{
alert('functioninchild');
}
functioncallParent()
{
parent.parentFunction();
}
</script>
</head>
<body>
</body>
</html>
上面两个代码可以在父页面和子页面对对方的函数进行相互调用,比较简单,不多介绍了。
希望本文所述对大家学习javascript程序设计有所帮助。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下