浅谈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小数计算出现近似值的解决办法
Feb 06 Javascript
javascript时间函数基础介绍
Mar 28 Javascript
js显示文本框提示文字的方法
May 07 Javascript
JS实现DIV容器赋值的方法
Dec 14 Javascript
利用AngularJs实现京东首页轮播图效果
Sep 08 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
js实现左右轮播图
Jan 09 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 高效率写法 推荐
2010/02/21 PHP
PHP 第二节 数据类型之数组
2012/04/28 PHP
php实现水仙花数示例分享
2014/04/03 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
如何用js控制frame的隐藏或显示的解决办法
2013/03/20 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
JS实现的在线调色板实例(附demo源码下载)
2016/03/01 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
JavaScript实现图片无缝滚动效果
2017/07/07 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
vue实现简单全选和反选功能
2020/09/15 Javascript
Python中join和split用法实例
2015/04/14 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
python模拟实现分发扑克牌
2020/04/22 Python
Python虚拟环境的创建和包下载过程分析
2020/06/19 Python
Python 串口通信的实现
2020/09/29 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
岗位竞聘书范文
2014/03/31 职场文书
暑假家长评语大全
2014/04/17 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
家长给老师的感谢信
2015/01/20 职场文书
护士求职自荐信
2015/03/25 职场文书
上课讲话检讨书范文
2015/05/07 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android