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 Prototype 对象扩展
May 15 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 Javascript
JavaScript中的Math.atan2()方法使用详解
Jun 15 Javascript
Java中Timer的用法详解
Oct 21 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
文本框只能输入数字的js代码(含小数点)
Jul 10 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
Oct 22 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
JavaScript实现Excel表格效果
Feb 07 Javascript
JS出现404错误原理及解决方案
Jul 01 Javascript
JavaScript 实现轮播图特效的示例
Nov 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
php把数组值转换成键的方法
2015/07/13 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
javascript下数值型比较难点说明
2010/06/07 Javascript
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
2016/05/12 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
原生js实现验证码功能
2017/03/16 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
2017/11/24 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
2019/04/28 jQuery
微信小程序实现批量倒计时功能
2020/11/01 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
python基于右递归解决八皇后问题的方法
2015/05/25 Python
探究python中open函数的使用
2016/03/01 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
PHP面试题附答案
2015/11/28 面试题
数学专业推荐信范文
2013/11/21 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
通知怎么写?
2019/04/17 职场文书
python执行js代码的方法
2021/05/13 Python
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript