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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
javascript CSS画图之基础篇
Jul 29 Javascript
js href的用法
May 13 Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 Javascript
js编码、解码函数介绍及其使用示例
Sep 05 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
js中Array对象的常用遍历方法详解
Jan 17 Javascript
js实现电灯开关效果
Jan 19 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微信支付之APP支付方法
2015/03/04 PHP
php实现表单提交上传文件功能
2018/05/28 PHP
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
2014/09/02 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
node.js使用yargs处理命令行参数操作示例
2020/02/11 Javascript
简单理解Python中基于生成器的状态机
2015/04/13 Python
详解python的数字类型变量与其方法
2016/11/20 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
python使用matplotlib画饼状图
2018/09/25 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
Python基础之变量基本用法与进阶详解
2020/01/03 Python
PyCharm 2020 激活到 2100 年的教程
2020/03/25 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
销售高级职员求职信
2013/10/29 职场文书
十月份红领巾广播稿
2014/01/22 职场文书
总经理岗位职责范本
2014/02/02 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
会计稽核岗位职责
2015/04/13 职场文书
捐书活动倡议书
2015/04/27 职场文书
如何用python清洗文件中的数据
2021/06/18 Python