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 相关文章推荐
js复制到剪切板的实例方法
Jun 28 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
Aug 07 Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
jQuery中map函数的两种方式
Apr 07 jQuery
Vuex之理解Store的用法
Apr 19 Javascript
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
vue组件与复用详解
Apr 08 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 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
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
相对路径转化成绝对路径
2007/04/10 PHP
PHP判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
Function eregi is deprecated (解决方法)
2013/06/21 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
PHP中JSON的应用技巧
2015/10/10 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
如何使用php等比例缩放图片
2016/10/12 PHP
Laravel5.4框架中视图共享数据的方法详解
2019/09/05 PHP
JQuery UI皮肤定制
2009/07/27 Javascript
基于Jquery的简单&简陋Tabs插件代码
2010/02/09 Javascript
对table和ul实现js分页示例分享
2014/02/24 Javascript
AngularJS 实现弹性盒子布局的方法
2016/08/30 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
JSON与XML的区别对比及案例应用
2016/11/11 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
django开发post接口简单案例,获取参数值的方法
2018/12/11 Python
python 调用有道api接口的方法
2019/01/03 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
分家协议书
2014/04/21 职场文书
公司活动总结怎么写
2014/06/25 职场文书
二人合伙经营协议书
2014/09/13 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
社区端午节活动总结
2015/02/11 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
现实表现证明材料
2015/06/19 职场文书
七年级英语教学反思
2016/02/15 职场文书
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS
解决mysql的int型主键自增问题
2021/07/15 MySQL
CPU不支持Windows11系统怎么办
2021/11/21 数码科技
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python