浅谈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 相关文章推荐
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
如何检测JavaScript的各种类型
Jul 30 Javascript
JSON字符串和JSON对象相互转化实例详解
Jan 05 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
Jan 18 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
js实现简单分页导航栏效果
Jun 28 Javascript
使用layui定义一个模块并使用的例子
Sep 14 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
vue实例的选项总结
Jun 09 Javascript
JS继承最简单的理解方式
Mar 31 Javascript
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初学者头疼十四条问题大总结
2008/11/12 PHP
php设计模式 Visitor 访问者模式
2011/06/28 PHP
php常用字符串比较函数实例汇总
2014/11/24 PHP
用JTrackBar实现的模拟苹果风格的滚动条
2007/08/06 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
详解升级react-router 4 踩坑指南
2017/08/14 Javascript
JS设计模式之单例模式(一)
2017/09/29 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
ng-alain表单使用方式详解
2018/07/10 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
Python写的一个简单DNS服务器实例
2014/06/04 Python
Python中subprocess的简单使用示例
2015/07/28 Python
Python3.5多进程原理与用法实例分析
2019/04/05 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
四风问题自查报告剖析材料
2014/02/08 职场文书
售后服务经理岗位职责范本
2014/02/22 职场文书
护理专业自荐书
2014/06/04 职场文书
海洋科学专业求职信
2014/08/10 职场文书
行政执法作风整顿剖析材料
2014/10/11 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
九年级历史教学反思
2016/02/19 职场文书