浅谈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操作cookie方法实例教程
Nov 25 Javascript
jquery中EasyUI实现异步树
Mar 01 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
Mar 01 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
Dec 22 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
Mar 08 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
Javascript防止图片拉伸的自适应处理方法
Dec 26 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
详解VUE项目中安装和使用vant组件
Apr 28 Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 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
Protoss兵种对照表
2020/03/14 星际争霸
php注入实例
2006/10/09 PHP
PHP中的插件机制原理和实例
2014/07/08 PHP
phpstudy2018升级MySQL5.5为5.7教程(图文)
2018/10/24 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
Sample script that deletes a SQL Server database
2007/06/16 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
js 数据类型转换总结笔记
2011/01/17 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
jqGrid表格应用之新增与删除数据附源码下载
2015/12/02 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
你有必要知道的10个JavaScript难点
2017/07/25 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
对python3 urllib包与http包的使用详解
2018/05/10 Python
python开发之anaconda以及win7下安装gensim的方法
2019/07/05 Python
在pycharm中显示python画的图方法
2019/08/31 Python
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
Richards网上商店:当代时尚,遍布巴西
2019/11/03 全球购物
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
三维科技面试题
2013/07/27 面试题
有关爱国演讲稿
2014/05/07 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
2015年“世界无车日”活动方案
2015/05/06 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android