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 相关文章推荐
namespace.js Javascript的命名空间库
Oct 11 Javascript
超简单JS二级、多级联动的简单实例
Feb 18 Javascript
JavaScript实现cookie的写入、读取、删除功能
Nov 05 Javascript
ArtEditor富文本编辑器增加表单提交功能
Apr 18 Javascript
基于Vue.js的表格分页组件
May 22 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
AngularJS表单验证功能
Oct 19 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 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
解析PHP工厂模式的好处
2013/06/18 PHP
laravel 4安装及入门图文教程
2014/10/29 PHP
Laravel中10个有用的用法小结
2019/05/06 PHP
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
Jquery显示、隐藏元素以及添加删除样式
2013/08/09 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jquery实现页面图片等比例放大缩小功能
2014/02/12 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
JavaScript Split()方法
2015/12/18 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
nodeJs内存泄漏问题详解
2016/09/05 NodeJs
angularjs $http实现form表单提交示例
2017/06/09 Javascript
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
微信小程序实现跳转的几种方式总结(推荐)
2019/04/24 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
幼儿园评语大全
2014/04/17 职场文书
协议书模板
2014/04/23 职场文书
教师爱岗敬业演讲稿
2014/05/05 职场文书
庆六一宣传标语
2014/10/08 职场文书
征求意见函
2015/06/05 职场文书
湘江北去观后感
2015/06/15 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
mysql连接查询中and与where的区别浅析
2021/07/01 MySQL
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android