手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js父页面中使用子页面的方法
js父页面中使用子页面的方法
摘要:iframe是非常常用的一个html元素,如果在父页面中使用子页面的方法应该怎么写呢,下面就做一下简单的介绍。一、父页面代码父页面funct...

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程序设计有所帮助。

【js父页面中使用子页面的方法】相关文章:

Nodejs中session的简单使用及通过session实现身份验证的方法

jQuery判断一个元素是否可见的方法

JQuery给网页更换皮肤的方法

在JavaScript的正则表达式中使用exec()方法

javascript判断并获取注册表中可信任站点的方法

jQuery实现将页面上HTML标签换成另外标签的方法

js控制网页前进和后退的方法

jQuery获取页面元素绝对与相对位置的方法

js实现字符串转日期格式的方法

jQuery实现自动滚动到页面顶端的方法

精品推荐
分类导航