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程序设计有所帮助。
相关文章
这篇文章主要介绍了用Node.js通过sitemap.xml批量抓取美女图片的方法和相关代码，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要介绍了javascript 分号总结及详细介绍的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了JavaScript 数组，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了JS实现导航下拉菜单效果，用原生JS实现的一个导航下拉菜单，下拉菜单的宽度与浏览器视口的宽度一样，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
微信小程序前端通过weixin://wxpay/bizpayurl生成支付二维码全过程
这篇文章主要给大家介绍了关于微信小程序前端通过weixin://wxpay/bizpayurl生成支付二维码的相关资料,weixin://wxpay/bizpayurl 是一个微信支付的链接地址,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-07-07
本篇文章主要介绍了微信小程序开发（二）图片上传+服务端接收，具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
本篇文章主要介绍了c#+Plupload.js解决大容量文件上传问题, 带进度条和背景遮罩层，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
bootstrap和jQuery.Gantt的css冲突 如何解决
这篇文章主要介绍了bootstrap和jQuery.Gantt的css冲突，本文给出了解决冲突的解决方法，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要介绍了微信小程序wx.request实现后台数据交互功能,分析微信小程序wx.request在后台数据交互过程中遇到的问题与相关的解决方法,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了JS实现获取进今年第几天是周几的方法,结合实例形式对比分析了JavaScript进行日期与天数运算相关操作技巧与注意事项,需要的朋友可以参考下2018-06-06
最新评论