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中void(0)的具体含义解释
Aug 02 Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
Jul 11 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
jquery $("#variable") 循环改变variable的值示例
Feb 23 Javascript
js上传图片预览的实现方法
May 09 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
浅析Vue.js 中的条件渲染指令
Nov 19 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 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
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
用 javascript 实现的点击复制代码
2007/03/24 Javascript
ie 调试javascript的工具
2009/04/29 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
2011/06/28 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
HTML5 canvas 9绘制图片实例详解
2016/09/06 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
2017/04/22 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
2019/01/20 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
详解JavaScript原型与原型链
2020/11/16 Javascript
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
python开发中range()函数用法实例分析
2015/11/12 Python
Python中如何使用if语句处理列表实例代码
2019/02/24 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
python使用递归的方式建立二叉树
2019/07/03 Python
Python面向对象之继承原理与用法案例分析
2019/12/31 Python
在服务器上安装python3.8.2环境的教程详解
2020/04/26 Python
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
Merrell迈乐澳大利亚网站:购买户外登山鞋
2017/05/28 全球购物
2015年司法所工作总结
2015/04/27 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
python urllib库的使用详解
2021/04/13 Python
oracle表分区的概念及操作
2021/04/24 Oracle
Vue实现下拉加载更多
2021/05/09 Vue.js
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
MySQL读取JSON转换的方式
2022/03/18 MySQL