简单了解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 相关文章推荐
js之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
node.js Web应用框架Express入门指南
May 28 Javascript
js重写方法的简单实现
Jul 10 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
Aug 25 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
Jan 08 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 Javascript
js禁止表单重复提交
Aug 29 Javascript
JS设计模式之惰性模式(二)
Sep 29 Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 Javascript
Taro集成Redux快速上手的方法示例
Jun 21 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 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
Windows下安装Memcached的步骤说明
2010/04/25 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
php获取访问者浏览页面的浏览器类型
2017/01/23 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
ASP中Sub和Function的区别说明
2020/08/30 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
2013/10/29 Javascript
Jquery取得iframe下内容的方法
2013/11/18 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
微信小程序调用摄像头隐藏式拍照功能
2018/08/22 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
vue使用echarts画组织结构图
2021/02/06 Vue.js
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
python3 爬取图片的实例代码
2018/11/06 Python
python连接、操作mongodb数据库的方法实例详解
2019/09/11 Python
matplotlib实现显示伪彩色图像及色度条
2019/12/07 Python
浅谈Python中range与Numpy中arange的比较
2020/03/11 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
python程序需要编译吗
2020/06/19 Python
美国最大的网络男装服装品牌:Bonobos
2017/05/25 全球购物
初中高效课堂实施方案
2014/02/26 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
街道党工委党的群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
Django使用channels + websocket打造在线聊天室
2021/05/20 Python