js父页面中使用子页面的方法
2016-01-09 19:02
585 查看
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程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- JQuery与iframe交互实现代码
- 用expression的一行代码解决iframe挂马的问题
- 用jquery修复在iframe下的页面锚点失效问题
- Firefox返回时Iframe的显示Bug的解决方法
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表