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 相关文章推荐
JavaScript 新手24条实用建议[TUTS+]
Jun 21 Javascript
JavaScript Event学习第九章 鼠标事件
Feb 08 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
Sep 01 Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 Javascript
通过JS来动态的修改url,实现对url的增删查改
Sep 01 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
JS立即执行函数功能与用法分析
Jan 15 Javascript
详细分析vue响应式原理
Jun 22 Javascript
JS实现简易图片自动轮播
Oct 16 Javascript
微信小程序实现录音Record功能
May 09 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后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
PHP实现微信退款功能
2018/10/02 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
用js小类库获取浏览器的高度和宽度信息
2012/01/15 Javascript
JS定义回车事件(实现代码)
2013/07/08 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
解析Node.js异常处理中domain模块的使用方法
2016/02/16 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
Node.js实现文件上传
2016/07/05 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
微信小程序 简单教程实例详解
2017/01/13 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
nodejs爬虫初试superagent和cheerio
2018/03/05 NodeJs
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
基于javascript的拖拽类封装详解
2019/04/19 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
Python 迭代器工具包【推荐】
2016/05/06 Python
轻松掌握python设计模式之访问者模式
2016/11/18 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
Python ADF 单位根检验 如何查看结果的实现
2020/06/03 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
开业庆典邀请函
2014/01/08 职场文书
摄影助理岗位职责
2014/02/07 职场文书
学生自我评语大全
2014/04/18 职场文书
英语三分钟演讲稿
2014/08/19 职场文书
2016年学校招生广告语
2016/01/28 职场文书