简单了解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中实现命名空间
Nov 23 Javascript
js 获取和设置css3 属性值的实现方法
May 06 Javascript
JS冒泡事件的快速解决方法
Dec 16 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
JQuery中DOM事件冒泡实例分析
Jun 13 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
Aug 27 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 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
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
php 判断服务器操作系统的类型
2014/02/17 PHP
PHP可变变量学习小结
2015/11/29 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
javascript 传统事件模型构造的事件监听器实现代码
2010/05/31 Javascript
克隆javascript对象的三个方法小结
2011/01/12 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
jquery实现全屏滚动
2015/12/28 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
jQuery实现立体式数字动态增加(animate方法)
2016/12/21 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
React 使用browserHistory项目访问404问题解决
2018/06/01 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
Python文本相似性计算之编辑距离详解
2016/11/28 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Python下简易的单例模式详解
2019/04/08 Python
python处理“
2019/06/10 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
完美解决Django2.0中models下的ForeignKey()问题
2020/05/19 Python
Python如何读取、写入JSON数据
2020/07/28 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
几道数据库的概念性面试题
2014/05/30 面试题
青年志愿者事迹材料
2014/02/07 职场文书
预备党员转正思想汇报
2014/09/26 职场文书
学生评语集锦
2015/01/04 职场文书
单位接收函范文
2015/01/30 职场文书
求职信内容一般写什么?
2015/03/20 职场文书
学生会主席任命书
2015/09/21 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书