在父页面调用子页面的JS方法


Posted in Javascript onSeptember 29, 2013

今天弄了一天了,终于在网上找到了解决办法

注意:问题是在父页面调用子页面的方法。。。。。

父页面:parent.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>parent</title>
<script>
 function parentFunction() {
  alert('function in parent');
 }
 function callChild() {
  child.window.childFunction();
  /*
   child 为iframe的name属性值,
   不能为id,因为在FireFox下id不能获取iframe对象
  */
 }
</script>
</head>
<body>
<input type="button" name="call child"  value="call child" onclick="callChild()"/>
<br/><br/>
<iframe name="child" src="./child.html" ></iframe>
</body>
</html>

子页面:child.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>child</title>
<script>
 function childFunction() {
  alert('function in child');
 }
 function callParent() {
  parent.parentFunction();
 }
</script>
</head>
<body>
<input type="button" name="call parent" value="call parent" onclick="callParent()"/>
</body>
</html>

大家可以根据自己的需求修改相应的代码即可。。。。。。。
Javascript 相关文章推荐
javascript校验价格合法性实例(必须输入2位小数)
May 05 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
Apr 26 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
Aug 06 Javascript
jQuery实现区域打印功能代码详解
Jun 17 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
打造通用的匀速运动框架(实例讲解)
Oct 17 Javascript
vue源码入口文件分析(推荐)
Jan 30 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
BootStrap前端框架使用方法详解
Feb 26 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
vue实现动态表格提交参数动态生成控件的操作
Nov 09 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 Javascript
javascript完美拖拽的实现方法
Sep 29 #Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 #Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 #Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 #Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 #Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 #Javascript
jquery事件与函数的使用介绍
Sep 29 #Javascript
You might like
用php+mysql一个名片库程序
2006/10/09 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
accesskey 提交
2006/06/26 Javascript
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
jquery点击改变class并toggle的实现代码
2016/05/15 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
node内置调试方法总结
2018/02/22 Javascript
jQuery实现的页面详情展开收起功能示例
2018/06/11 jQuery
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
[04:03][TI9趣味短片] 小鸽子茶话会
2019/08/20 DOTA
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
python实现教务管理系统
2018/03/12 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
详解Python locals()的陷阱
2019/03/26 Python
python 字符串常用函数详解
2019/09/11 Python
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
大学自我评价
2014/02/12 职场文书
中医学专业自荐信范文
2014/04/01 职场文书
小组名称和口号
2014/06/09 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
2015年老干部工作总结
2015/04/23 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
用JS实现飞机大战小游戏
2021/06/09 Javascript
PYTHON InceptionV3模型的复现详解
2022/05/06 Python