简单了解Javscript中兄弟ifream的方法调用


Posted in Javascript onJune 17, 2019

兄弟ifream的方法调用

兄弟ifream A

var ifreamId = window.frameElement && window.frameElement.id || '';
var url = 'url?ifreamId='+ifreamId;
parent.layer.open({
title: "title",
content: [url],
type: 2
});

兄弟ifream A 使用parent.layer.open方法打开兄弟ifream B

注:type:2 弹框加载ifream,在url后面加参数,把ifream A的id传给ifream B

兄弟ifream B

var ifreamWindowId = GetQueryString("ifreamName")
parent.document.getElementById(frDetailWindowId).contentWindow.fn();
/*
* 获取地址栏参数
*/
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}
parent.document.getElementById(frDetailWindowId).contentWindow.fn(); 这里的fn就是ifream A的方法,这样就实现了兄弟ifream直接的通信。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
再谈IE中Flash控件的自动激活 ObjectWrap
Mar 09 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
javascript实现修改微信分享的标题内容等
Dec 11 Javascript
完美解决IE9浏览器出现的对象未定义问题
Sep 29 Javascript
理解JavaScript原型链
Oct 25 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
Bootstrap实现翻页效果
Nov 27 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
Jun 21 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 26 Javascript
vue中typescript装饰器的使用方法超实用教程
Jun 17 #Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 #Javascript
js/jQuery实现全选效果
Jun 17 #jQuery
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 #Javascript
通过说明与示例了解js五种设计模式
Jun 17 #Javascript
简单了解vue.js数组的常用操作
Jun 17 #Javascript
送你43道JS面试题(收藏)
Jun 17 #Javascript
You might like
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
JS 判断代码全收集
2009/04/28 Javascript
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
event.X和event.clientX的区别分析
2011/10/06 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
JQuery AJAX 中文乱码问题解决
2013/06/05 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
实现easyui的datagrid导出为excel的示例代码
2016/11/10 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
vue实现树形菜单效果
2018/03/19 Javascript
对 Vue-Router 进行单元测试的方法
2018/11/05 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
JavaScript实现手风琴效果
2021/02/18 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
python获取图片颜色信息的方法
2015/03/18 Python
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
简单实现python数独游戏
2018/03/30 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
介绍一下sql server的安全性
2014/08/10 面试题
介绍一下你对SOA的认识
2016/04/24 面试题
党员入党表决心的话
2014/03/11 职场文书
公益广告标语
2014/06/19 职场文书
员工手册编写范本
2015/05/14 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
史上最全的军训拉歌口号
2015/12/25 职场文书
培训心得体会怎么写
2016/01/25 职场文书
详解Vue router路由
2021/11/20 Vue.js
Python 操作pdf pdfplumber读取PDF写入Exce
2022/08/14 Python