浅谈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 相关文章推荐
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
老生常谈onBlur事件与onfocus事件(js)
Jul 09 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
Jul 14 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
AngularJS 中ui-view传参的实例详解
Aug 25 Javascript
js刷新页面location.reload()用法详解
Dec 09 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
教你使用vscode 搭建react-native开发环境
Jul 07 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使用sql数据库 获取字段问题介绍
2013/08/12 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
2015/08/25 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
JavaScript 继承的实现
2009/07/09 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
JavaScript编程学习技巧汇总
2016/02/21 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
详解vuex的简单todolist例子
2019/07/14 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
python中global用法实例分析
2015/04/30 Python
Python3通过Luhn算法快速验证信用卡卡号的方法
2015/05/14 Python
打包发布Python模块的方法详解
2016/09/18 Python
python主线程捕获子线程的方法
2018/06/17 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
教师个人鉴定材料
2014/02/08 职场文书
教师对学生的寄语
2014/04/03 职场文书
企业金融服务方案
2014/06/03 职场文书
国际贸易专业自荐信
2014/06/10 职场文书
淘宝客服工作职责
2014/07/11 职场文书
美德少年事迹材料1000字
2014/08/21 职场文书
遗失说明具结保证书
2015/02/26 职场文书
2015年公务员转正工作总结
2015/04/24 职场文书
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers