js父页面中使用子页面的方法
更新时间：2016年01月09日 19:02:25 作者：一落叶而知秋
这篇文章主要向大家介绍了js父页面中使用子页面的方法，即js父页面使用iframe中的函数，感兴趣的朋友可以参考一下
iframe是非常常用的一个html元素，如果在父页面中使用子页面的方法应该怎么写呢，下面就做一下简单的介绍。
一、父页面代码
<html>
<head>
<meta charset=" gb2312">
<title>父页面</title>
<script type="text/javascript">
function parentFunction()
{
alert('function in parent');
}
function callChild()
{
child.window.childFunction();
/*
child 为iframe的name属性值，
不能为id，因为在FireFox下id不能获取iframe对象
*/
}
</script>
</head>
<body>
<iframe name="child" src="./child.html" ></iframe>
</body>
</html>
二、iframe中的代码
<html>
<head>
<meta charset="gb2312">
<title>iframe代码</title>
<script type="text/javascript">
function childFunction()
{
alert('function in child');
}
function callParent()
{
parent.parentFunction();
}
</script>
</head>
<body>
</body>
</html>
上面两个代码可以在父页面和子页面对对方的函数进行相互调用，比较简单，不多介绍了。
希望本文所述对大家学习javascript程序设计有所帮助。
相关文章
在Javascript中我们已知有两个可以直接用来进行数组排序的方法reverse()和sort()。其中reverse()是按照反向对于数组进行排序的，而sort()是按照正向进行排序的。2014-05-05
这篇文章主要介绍了如何在js中引入less的变量,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发2013-01-01
下面小编就为大家带来一篇javascript帧动画(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了js实现从右向左缓缓浮出网页浮动层广告的方法,可实现右侧浮动广告的定时弹出及点击展开、折叠等功能,非常具有实用价值,需要的朋友可以参考下2015-05-05
本文主要介绍了TypeScript 接口继承的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
这篇文章主要为大家详细介绍了最全面的JS倒计时代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了js中将数字格式化为金额的方法，使用加减逗号处理金额，一个格式化金额的代码，有需要的朋友参考下2014-04-04
本文主要介绍了Electron点击穿透不规则窗体的透明区域的实现，文中通过示例代码介绍的非常详细,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
本篇文章主要是对javascript操作referer进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
最新评论