AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

js父页面中使用子页面的方法

51自学网 http://www.wanshiok.com
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程序设计有所帮助。


js,父页面,子页面,iframe  
上一篇:详解javascript事件冒泡  下一篇:jquery调整表格行tr上下顺序实例讲解