浅谈js中子页面父页面方法变量相互调用

更新时间：2016年08月04日 08:53:32 投稿：jingxian

下面小编就为大家带来一篇浅谈js中子页面父页面方法变量相互调用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

（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 事件查询综合,需要的朋友可以参考下。
2010-03-03
JS实现的相册图片左右滚动完整实例
这篇文章主要介绍了JS实现的相册图片左右滚动效果,结合完整实例形式分析了javascript事件触发与页面元素属性动态变换的相关操作技巧,需要的朋友可以参考下
2016-11-11
用JavaScript对JSON进行模式匹配(Part 1-设计)
在《从 if else 到 switch case 再到抽象》这篇文章里面说到，解决 if else 和 switch case 分支过多的一个方法，就是做一个专用的 dispatcher ，让它来负责进行筛选与转发。
2010-07-07
JavaScript Array对象扩展indexOf()方法
JavaScript中Array对象没有indexOf()方法，可通过下面的代码扩展,需要的朋友可以参考下
2014-05-05
JavaScript设置首页和收藏页面的小例子
这篇文章介绍了JavaScript设置首页和收藏页面的小例子，有需要的朋友可以参考一下
2013-11-11
JavaScript门面模式详解
这篇文章主要为大家详细介绍了JavaScript门面模式的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
jQuery 表单验证插件formValidation实现个性化错误提示
这里介绍另外一个表单验证插件formValidation，这个插件与前面两个插件的最大区别在于它实现了个性化的错误提示信息，显示在表单元素右上角类似于提示条
2009-06-06
Javascript匿名函数的一种应用代码封装
说实话，对于js初学者的我来说。这个东西太吓人了，在这些JS库中，这个函数基本上把整个库的所有代码全括起来了，这种写法完全超越了我的常识。
2010-06-06
JavaScript避免代码的重复执行经验技巧分享
经常会发现一个问题，那就是重复的代码执行，下面就是一些在查看它们的源代码时发现一些问题，把这些分享给大家，希望能让你们更加简洁高效的写出JavaScript代码
2014-04-04
js的es6常用新特性详解
ES6（ECMAScript 6,也称为ES2015）是JavaScript的一个重要更新版本,引入了许多新的语言特性和改进,使得JavaScript变得更加现代化、易读、易维护和更适合大型应用程序的开发,ES6的主要变化归纳为：语法糖、新机制、更好的语义、更多的内置对象和方法
2023-11-11