简单了解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 文件夹选择框的两种解决方案
Jul 01 Javascript
JS window.opener返回父页面的应用
Oct 24 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
Jun 18 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
dreamweaver 8实现Jquery自动提示
Dec 04 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
Node.js实用代码段之获取Buffer对象字节长度
Mar 17 Javascript
js判断checkbox是否选中个数的方法(超简单)
Aug 19 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
深入理解Vue.js源码之事件机制
Sep 27 Javascript
JS实现提示效果弹出及延迟隐藏的功能
Aug 26 Javascript
javascript使用链接跨域下载图片
Nov 01 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 curl模拟post请求小实例
2013/11/13 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
微信支付的开发流程详解
2016/09/13 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
JQuery动态给table添加、删除行 改进版
2011/01/19 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
原生js实现网易轮播图效果
2020/04/10 Javascript
JS中传递参数的几种不同方法比较
2017/01/20 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
2020/11/07 Javascript
python3大文件解压和基本操作
2017/12/15 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
jupyter实现重新加载模块
2020/04/16 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
python爬虫判断招聘信息是否存在的实例代码
2020/11/20 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
WoolOvers澳洲官方网站:英国针织服装公司
2018/05/13 全球购物
英国探险旅游专家:Explore
2018/12/20 全球购物
linux系统都有哪些运行级别
2016/03/26 面试题
员工晚婚的请假条
2014/02/08 职场文书
群众路线教育党课主持词
2014/04/01 职场文书
大学生应聘求职信
2014/05/26 职场文书
办公室文员岗位职责范本
2014/06/12 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
Pandas 稀疏数据结构的实现
2021/07/25 Python
浅谈MySQL函数
2021/10/05 MySQL