简单了解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 相关文章推荐
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
js中的前绑定和后绑定详解
Aug 01 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
深入理解js generator数据类型
Aug 16 Javascript
javascript实现去除HTML标签的方法
Dec 26 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
Aug 08 Javascript
JS实现浏览上传文件的代码
Aug 23 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
Sep 01 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
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
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
PHP Oauth授权和本地加密实现方法
2016/08/12 PHP
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
2016/12/22 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
2020/08/14 Javascript
vue或react项目生产环境去掉console.log的操作
2020/09/02 Javascript
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
python标准库OS模块详解
2020/03/10 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
阿联酋电子产品购物网站:Menakart
2017/09/15 全球购物
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/11/24 面试题
护士自我介绍信
2014/01/13 职场文书
优秀大学生自荐信
2014/06/09 职场文书
医院合作协议书
2014/08/19 职场文书
入党积极分子学习优秀共产党员先进事迹思想汇报
2014/09/13 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
物业项目经理岗位职责
2015/04/01 职场文书