浅谈js中子页面父页面方法 变量相互调用


Posted in Javascript onAugust 04, 2016

(1)子页面调用父页面的方法或者变量:

window.parent.方法()或者变量名
window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写

window.parent.aa();//调取aa函数
window.parent.bb;//调取bb变量

例如:想在子页面中得到id为aaa的文本框的值

window.parent.$("#aaa").val();//这种写法的前提是引用了jquery 

window.parent.getElementById("aaa").value; //js的写法

(2)父页面调取子页面

主要是通过contentWindow定位到子页面

document.getElementById("childframe").contentWindow.childtest();
//调取子页面中的childtest方法 js的写法

var childWindow = $("#addFrame")[0].contentWindow;//获取子窗体中的对象
childWindow.formSubmit();//调取子页面的formSubmit方法 jquery的写法
//注释:其中 childframe和addFrame 都时iframe的id

以上这篇浅谈js中子页面父页面方法 变量相互调用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 图片缩放(按比例)控制代码
May 27 Javascript
使用jquery.qrcode生成彩色二维码实例
Aug 08 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
Apr 18 Javascript
分分钟玩转Vue.js组件
Oct 25 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
Apr 08 Javascript
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
利用d3.js实现蜂巢图表带动画效果
Sep 03 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
Feb 28 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
JS图片等比例缩放方法完整示例
Aug 03 #Javascript
JS获取url参数、主域名的方法实例分析
Aug 03 #Javascript
JavaScript中的冒泡排序法
Aug 03 #Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 #Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 #Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 #Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 #Javascript
You might like
PHP数据库操作面向对象的优点
2006/10/09 PHP
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
Yii框架登录流程分析
2014/12/03 PHP
WordPress主题制作中自定义头部的相关PHP函数解析
2016/01/08 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
Javascript面向对象编程
2012/03/18 Javascript
js 浏览器事件介绍
2012/03/30 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
2016/06/03 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
JavaScript工具库MyTools详解
2020/01/01 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
python自动化报告的输出用例详解
2018/05/30 Python
python3将视频流保存为本地视频文件
2018/06/20 Python
如何使用Python自动控制windows桌面
2019/07/11 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
Django实现基于类的分页功能
2019/10/31 Python
python 3.8.3 安装配置图文教程
2020/05/21 Python
优秀中专生推荐信
2013/11/17 职场文书
高中竞选班长演讲稿
2014/04/24 职场文书
党的群众路线教育实践方案
2014/05/11 职场文书
计划生育工作总结2015
2015/04/03 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
2016年第二十五次全国助残日活动总结
2016/04/01 职场文书
redis连接被拒绝的解决方案
2021/04/12 Redis
python中sys模块的介绍与实例
2021/04/17 Python
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL
Java生成日期时间存入Mysql数据库的实现方法
2022/03/03 Java/Android
Android学习之BottomSheetDialog组件的使用
2022/06/21 Java/Android