简单了解Javscript中兄弟ifream的方法调用
更新时间：2019年06月17日 15:14:57 作者：小盆友灬
这篇文章主要介绍了简单了解Javscript中兄弟ifream的方法调用文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下
兄弟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直接的通信。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
掌握各种js调试技巧，在前端开发中降低开发成本，起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。这篇文章主要介绍了前端中的JS使用调试技巧,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了JS类的定义与使用方法,结合实例形式深入分析了javascript类的定义与属性、方法的调用技巧,需要的朋友可以参考下2016-11-11
这篇文章主要为大家详细介绍了js绘制一条直线并旋转45度，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要给大家介绍了关于es6中reduce的基本使用方法，文中通过示例代码介绍的非常详细，对大家学习或者使用es6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
JavaScript中的定时器大家基本在平时的开发中都遇见过吧，但是又有多少人去深入的理解其中的原理呢？本文我们就来分析一下定时器的实现原理、定时器的妙用、定时器使用注意事项，有兴趣的朋友可以看下2016-12-12
这篇文章主要为大家详细介绍了原生JS写一个环形的鼠标滑动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
TypeScript 是一种强类型语言,它通过使用类型运算符来强化类型安全性,本文主要介绍了TypeScript中的类型运算符实现,感兴趣的可以了解一下2023-10-10
这篇文章主要介绍了使用JS编写的随机抽取号码的小程序功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-08-08
这篇文章主要给大家介绍了关于JS异步错误捕获的一些事，文中通过示例代码介绍的非常详细，对大家学习或者使用Javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
这篇文章主要介绍了JS如何删除字符串中重复字符,需要的朋友可以参考下2014-03-03
最新评论