简单了解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 相关文章推荐
自写的jQuery异步加载数据添加事件
May 15 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
浅谈JavaScript异步编程
Jan 20 Javascript
element ui里dialog关闭后清除验证条件方法
Feb 26 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
Vue入门之数量加减运算操作示例
Dec 11 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
token 机制和实现方式
Dec 15 Javascript
微信小程序 接入腾讯地图的两种写法
Jan 12 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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
Angular ng-repeat 对象和数组遍历实例
2016/09/14 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
2017/08/24 Javascript
BootStrap模态框不垂直居中的解决方法
2017/10/19 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
2018/09/29 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
Python中几种操作字符串的方法的介绍
2015/04/09 Python
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
开始着手第一个Django项目
2015/07/15 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
Python语言的变量认识及操作方法
2018/02/11 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
python一些性能分析的技巧
2020/08/30 Python
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
J2EE面试题
2016/03/14 面试题
迟到检讨书1000字
2014/01/15 职场文书
平面设计求职信
2014/03/10 职场文书
《放飞蜻蜓》教学反思
2014/04/27 职场文书
保护环境演讲稿
2014/05/10 职场文书
单位委托书怎么写
2014/09/21 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL