简单了解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 相关文章推荐
列表内容的选择
Jun 30 Javascript
读jQuery之一(对象的组成)
Jun 11 Javascript
js查找节点的方法小结
Jan 13 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 Javascript
最棒的Angular2表格控件
Aug 10 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
vue中post请求以a=a&b=b 的格式写遇到的问题
Apr 27 Javascript
vue之将echart封装为组件
Jun 02 Javascript
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 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中使用PDF文档功能
2006/10/09 PHP
php 获取当前访问的url文件名的方法小结
2010/02/08 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
Symfony2框架学习笔记之表单用法详解
2016/03/18 PHP
[原创]解决wincache不支持64位PHP5.5/5.6的问题(提供64位wincache下载)
2016/06/22 PHP
Yii的Srbac插件用法详解
2016/07/14 PHP
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
javascript设计模式--策略模式之输入验证
2015/11/27 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
2017/12/27 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
AutoJs实现刷宝短视频的思路详解
2020/05/22 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
python 解析html之BeautifulSoup
2009/07/07 Python
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
Django中使用group_by的方法
2015/05/26 Python
Django视图和URL配置详解
2018/01/31 Python
python实现大文件分割与合并
2019/07/22 Python
python爬虫项目设置一个中断重连的程序的实现
2019/07/26 Python
python生成任意频率正弦波方式
2020/02/25 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
设计师求职信模板
2014/05/06 职场文书
珍惜资源保护环境的建议书
2014/05/14 职场文书
高三复习计划
2015/01/19 职场文书
刮痧观后感
2015/06/05 职场文书
一个成功的互联网创业项目,必须满足这些要求
2019/08/23 职场文书
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis