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 相关文章推荐
List the Codec Files on a Computer
Jun 18 Javascript
javascript模块化是什么及其优缺点介绍
Sep 02 Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
jquery自定义显示消息数量
Dec 19 jQuery
Node.js模拟发起http请求从异步转同步的5种用法
Sep 26 Javascript
JS实现马赛克图片效果完整示例
Apr 13 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 Javascript
封装一下vue中的axios示例代码详解
Feb 16 Javascript
JavaScript this指向相关原理及实例解析
Jul 10 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 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编程网上资源导航
2006/10/09 PHP
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
php ci框架验证码实例分析
2013/06/26 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
php输出形式实例整理
2020/05/05 PHP
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
2017/05/17 Javascript
JScript实现地址选择功能
2017/08/15 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
python3中函数参数的四种简单用法
2018/07/09 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
解决python -m pip install --upgrade pip 升级不成功问题
2020/03/05 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
类的返射机制中的包及核心类
2016/09/12 面试题
给男朋友的道歉信
2014/01/12 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
市级文明单位申报材料
2014/05/07 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
婚礼上证婚人致辞
2015/07/28 职场文书