浅谈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四则运算函数代码
Jul 21 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
javascript闭包的高级使用方法实例
Jul 04 Javascript
javascript对象的创建和访问
Mar 08 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
微信小程序 导入图标实现过程详解
Oct 11 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 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&MYSQL服务器配置说明
2006/10/09 PHP
javascript数组组合成字符串的脚本
2021/01/06 Javascript
javascript基础知识大集锦(一) 推荐收藏
2011/01/13 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
2013/11/28 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
js实现简单选项卡与自动切换效果的方法
2015/04/10 Javascript
jquery实现select下拉框美化特效代码分享
2015/08/18 Javascript
jQuery插件Timelinr 实现时间轴特效
2015/10/04 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
简单实现js鼠标跟随效果
2020/08/02 Javascript
浅谈js中的this问题
2017/08/31 Javascript
BootStrap数据表格实例代码
2017/09/13 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
详解JavaScript 中的批处理和缓存
2020/11/19 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python中分数的相关使用教程
2015/03/30 Python
浅谈django开发者模式中的autoreload是如何实现的
2017/08/18 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
python opencv实现简易画图板
2020/08/27 Python
Django celery异步任务实现代码示例
2020/11/26 Python
HTML5 与 XHTML2
2008/10/17 HTML / CSS
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
人力资源管理专业应届生求职信
2013/09/28 职场文书
酒吧员工的岗位职责
2013/11/26 职场文书
迅雷Cued工作心得体会
2014/01/27 职场文书
自愿离婚协议书范文2014
2014/10/12 职场文书
放假通知怎么写
2015/08/18 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书
手残删除python之后的补救方法
2021/06/26 Python
深入理解java.lang.String类的不可变性
2021/06/27 Java/Android
python对文档中元素删除,替换操作
2022/04/02 Python