简单了解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 相关文章推荐
prettify 代码高亮着色器google出品
Dec 28 Javascript
一个背景云变换js特效 鼠标移动背景云变化
Dec 28 Javascript
js调用css属性写法
Sep 21 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
javascript实现任务栏消息提示的简单实例
May 31 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
详解angular笔记路由之angular-router
Sep 12 Javascript
jQuery实现表格隔行换色
Sep 01 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
uploadify插件实现多个图片上传并预览
Sep 30 Javascript
微信小程序(订阅消息)功能
Oct 25 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
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
详解PHP数据压缩、加解密(pack, unpack)
2016/12/17 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
早该知道的7个JavaScript技巧
2013/03/27 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
微信小程序 网络API Websocket详解
2016/11/09 Javascript
慕课网题目之js实现抽奖系统功能
2017/09/19 Javascript
ES6中Array.includes()函数的用法
2017/09/20 Javascript
React Native基础入门之调试React Native应用的一小步
2018/07/02 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
微信小程序实现单选功能
2018/10/30 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
python能否java成为主流语言吗
2020/06/22 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
Python根据URL地址下载文件并保存至对应目录的实现
2020/11/15 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
什么是.net
2015/08/03 面试题
Java如何支持I18N?
2016/10/31 面试题
办公室主任岗位职责
2013/11/08 职场文书
中学教师培训制度
2014/01/31 职场文书
房地产项目建议书
2014/03/12 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
总经理司机岗位职责
2015/04/10 职场文书
2019年个人工作总结范文
2019/03/25 职场文书