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笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
Oct 25 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 Javascript
Vue Elenent实现表格相同数据列合并
Nov 30 Vue.js
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 cookie的操作实现代码(登录)
2010/12/29 PHP
php+mysql实现用户注册登陆的方法
2015/01/03 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
JS Array对象入门分析
2008/10/30 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
Javascript检查图片大小不要让大图片撑破页面
2014/11/04 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
Vue.js组件高级特性实例详解
2018/12/24 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
2020/06/26 Javascript
python脚本监控docker容器
2016/04/27 Python
pyqt5自定义信号实例解析
2018/01/31 Python
Python扩展内置类型详解
2018/03/26 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
全球最大的中文旅行网站:去哪儿网
2017/11/16 全球购物
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
荷兰美妆护肤品海淘网站:Beautinow(中文)
2020/11/22 全球购物
求职自荐书范文
2013/12/04 职场文书
财经学院自荐信范文
2014/02/02 职场文书
趣味活动策划方案
2014/02/08 职场文书
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android
MySQL限制查询和数据排序介绍
2022/03/25 MySQL