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 相关文章推荐
juqery 学习之三 选择器 可见性 元素属性
Nov 25 Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
JS中判断null的方法分析
Nov 21 Javascript
原生js轮播(仿慕课网)
Feb 15 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
解决vue-cli + webpack 新建项目出错的问题
Mar 20 Javascript
Node.js 实现抢票小工具 & 短信通知提醒功能
Oct 22 Javascript
Vue脚手架编写试卷页面功能
Mar 17 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 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读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
php ajax数据传输和响应方法
2018/08/21 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
2019/12/12 PHP
php字符串函数 str类常见用法示例
2020/05/15 PHP
Javascript 函数对象的多重身份
2009/06/28 Javascript
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
整理Javascript基础语法学习笔记
2015/11/29 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
2016/03/25 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
2017/09/28 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
python3结合openpyxl库实现excel操作的实例代码
2018/09/11 Python
Python中作用域的深入讲解
2018/12/10 Python
python+pyqt5实现24点小游戏
2019/01/24 Python
python 一个figure上显示多个图像的实例
2019/07/08 Python
浅析Python+OpenCV使用摄像头追踪人脸面部血液变化实现脉搏评估
2019/10/17 Python
详解Django CAS 解决方案
2019/10/30 Python
得到Class的三个过程是什么
2012/08/10 面试题
精彩广告词大全
2014/03/19 职场文书
质量负责人任命书
2014/06/06 职场文书
2014年质量管理工作总结
2014/12/01 职场文书
有关骆驼祥子的读书笔记
2015/06/26 职场文书
好人好事新闻稿
2015/07/17 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python