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 Range HTML文档/文字内容选中、库及应用介绍
May 12 Javascript
Javascript中匿名函数的多种调用方式总结
Dec 06 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 Javascript
Node.js中创建和管理外部进程详解
Aug 16 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
用最少的JS代码写出贪吃蛇游戏
Jan 12 Javascript
Javascript的console['']常用输入方法汇总
Apr 26 Javascript
js实现星星打分效果
Jul 05 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
索尼SONY ICF-SW7600GR电路分析与改良
2021/03/02 无线电
一个程序下载的管理程序(四)
2006/10/09 PHP
PHP+MySQL 制作简单的留言本
2009/11/02 PHP
php checkbox 取值详细说明
2010/08/19 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
CodeIgniter模板引擎使用实例
2014/07/15 PHP
PHP中的traits实现代码复用使用实例
2015/05/13 PHP
Yii2创建表单(ActiveForm)方法详解
2016/07/23 PHP
PHP读取、解析eml文件及生成网页的方法示例
2017/09/04 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
javasript实现密码的隐藏与显示
2015/05/08 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
Javascript继承机制详解
2017/05/30 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
2020/03/08 Javascript
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
Keras 加载已经训练好的模型进行预测操作
2020/06/17 Python
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
大学生社会实践方案
2014/05/11 职场文书
爱护公共设施的标语
2014/06/24 职场文书
酒店端午节活动方案
2014/08/26 职场文书
公司委托书范本5篇
2014/09/20 职场文书
怎样写家长意见
2015/06/04 职场文书