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模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
JQuery设置时间段下拉选择实例
Dec 30 Javascript
js实现索引图片切换效果
Nov 21 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
bootstrap常用组件之头部导航实现代码
Apr 20 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
如何理解Vue的.sync修饰符的使用
Aug 17 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
Dec 24 Javascript
node中IO以及定时器优先级详解
May 10 Javascript
基于JS实现数字动态变化显示效果附源码
Jul 18 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
深入了解 register_globals (附register_globals=off 网站打不开的解决方法)
2012/06/27 PHP
php 地区分类排序算法
2013/07/01 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
javascript 面向对象继承
2009/11/26 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
jQuery的缓存机制浅析
2014/06/07 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
BootStrap中
2016/12/10 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
vue-cli设置css不生效的解决方法
2020/02/07 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
Python读写docx文件的方法
2018/05/08 Python
Python 普通最小二乘法(OLS)进行多项式拟合的方法
2018/12/29 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
Django实现网页分页功能
2019/10/31 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
Win10用vscode打开anaconda环境中的python出错问题的解决
2020/05/25 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
python归并排序算法过程实例讲解
2020/11/04 Python
css3的transition属性详解
2014/12/15 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
社保缴纳证明申请书
2014/11/03 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
24句精辟的现实社会语录,句句扎心,道尽人性
2019/08/29 职场文书
浅谈pytorch中的dropout的概率p
2021/05/27 Python