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


Posted in Javascript onJanuary 09, 2016

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

Javascript 相关文章推荐
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
JavaScript闭包和回调详解
Aug 09 Javascript
js的函数的按值传递参数(实例讲解)
Nov 16 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
p5.js码绘“跳动的小正方形”的实现代码
Oct 22 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 #Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 #Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 #Javascript
javascript跑马灯抽奖实例讲解
Apr 17 #Javascript
jQuery页面刷新(局部、全部)问题分析
Jan 09 #Javascript
javascript返回顶部的按钮实现方法
Jan 09 #Javascript
javascript类型系统 Array对象学习笔记
Jan 09 #Javascript
You might like
php 文章调用类代码
2011/08/11 PHP
PHP5中Cookie与 Session使用详解
2013/04/30 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
PHP PDOStatement::bindColumn讲解
2019/01/30 PHP
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
Javascript在IE或Firefox下获取鼠标位置的代码
2009/12/18 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
2014/04/10 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
2015/08/18 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
2016/02/06 Javascript
Bootstrap每天必学之折叠
2016/04/12 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
vue-cli3 取消eslint校验代码的解决办法
2020/01/16 Javascript
Python中subprocess模块用法实例详解
2015/05/20 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
jupyter实现重新加载模块
2020/04/16 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
十八大闭幕感言
2014/01/22 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
浅谈MySQL表空间回收的正确姿势
2021/10/05 MySQL
MySQL学习之基础操作总结
2022/03/19 MySQL