js调用父框架函数与弹窗调用父页面函数的简单方法


Posted in Javascript onNovember 01, 2016

调用父级中的 aaa的函数

子页面中:

onclick="window.parent.frames.aaa()"

父页面中:

function aaa()
{
alert(‘bbbbb');
}

frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent

window.opener引用的是window.open打开的页面的父页面。

window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.

可以这样

window.frames[0].document.getElementById(‘xx');

可以这样

window.frames[0].document.body.innerHTML;

frm = window.parent.window.frames[‘uploadFrame'];
frmDocument = frm.document;
frm.sb(3); //sb 是uploadFrame页面里的一个函数

对于firefox

如果你遇到报错:parent.document.frames has no properties

换为如下代码就可以了,这个代码IE,ff兼容. frm = window.parent.window.frames[‘uploadFrame'];其实 frames 集合并不是挂在 document 而是挂在 window 对象下.

注意这样修改frame里的页面有限制,就是必须是同域下的,否则无法访问

如果是同一域下,但是子域名不同,那么涉及到的js,html文件都加上一句。

document.domain = xxx.com [这里填写你的域名]

document.getElementById(‘iframeid').contentWindow.document.getElementById(‘someelementid');

js弹窗页面后调用父页面函数

(例如:调用父页面函数test2())
window.opener.test2();

框架子页面调用上一个页面方法

(例如:上一页面的框架frame名为menuBar,调用onhook()函数)
window.top.frames["menuBar"].onhook();

js弹窗页面调用父页面框架子页面函数

(如:弹窗页面调用,frame名为menuBar)
window.opener.top.frames['menuBar'].onhook();

以上就是小编为大家带来的js调用父框架函数与弹窗调用父页面函数的简单方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jquery控制listbox中项的移动并排序的实现代码
Sep 28 Javascript
浅谈javascript中this在事件中的应用
Feb 15 Javascript
jQuery实现根据类型自动显示和隐藏表单
Mar 18 Javascript
js实现可控制左右方向的无缝滚动效果
May 29 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
js时间控件只显示年月
Jan 08 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 #Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 #Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 #Javascript
js print打印网页指定区域内容的简单实例
Nov 01 #Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 #Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 #Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 #Javascript
You might like
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
解析crontab php自动运行的方法
2013/06/24 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
php实现源代码加密的方法
2015/07/11 PHP
PHP与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
纯Javascript实现ping功能的方法
2015/03/20 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/10/05 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
jQuery属性选择器用法实例分析
2019/06/28 jQuery
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
详解Django中间件的5种自定义方法
2018/07/26 Python
Flask框架学习笔记之消息提示与异常处理操作详解
2019/08/15 Python
Python threading模块condition原理及运行流程详解
2020/10/05 Python
python之pygame模块实现飞机大战完整代码
2020/11/29 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
介绍Ibatis的核心类
2013/11/18 面试题
成龙霸王洗发水广告词
2014/03/14 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
社区娱乐活动方案
2014/08/21 职场文书
公司周年庆活动方案
2014/08/25 职场文书
实习生矿工检讨书
2014/10/13 职场文书
部门2014年度工作总结
2014/11/12 职场文书
龙潭大峡谷导游词
2015/02/10 职场文书
2015学习委员工作总结范文
2015/04/03 职场文书