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 相关文章推荐
加速IE的Javascript document输出的方法
Dec 02 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
jQuery.parseHTML() 函数详解
Jan 09 Javascript
webpack入门必知必会
Jan 16 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
vue观察模式浅析
Sep 25 Javascript
vue通信方式EventBus的实现代码详解
Jun 10 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 Javascript
JavaScript中如何调用Java方法
Sep 16 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 str_pad 函数用法简介
2009/07/11 PHP
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
PHP开发框架kohana3 自定义路由设置示例
2014/07/14 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
tp框架(thinkPHP)实现三次登陆密码错误之后锁定账号功能示例
2018/05/24 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
2009/09/23 Javascript
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
js 分页全选或反选标识实现代码
2011/08/09 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
javascript性能优化之事件委托实例详解
2015/12/12 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
[05:31]干嘛呢兄弟!DOTA2 TI9语音轮盘部分出处
2019/05/14 DOTA
Python中的pass语句使用方法讲解
2015/05/14 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
Python定义函数时参数有默认值问题解决
2019/12/19 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
公司行政经理岗位职责
2013/12/24 职场文书
课外活动总结范文
2014/07/09 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
幼儿园辞职信
2015/05/13 职场文书