简单了解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 相关文章推荐
基于jQuery的为attr添加id title等效果的实现代码
Apr 20 Javascript
基于jquery封装的一个js分页
Nov 15 Javascript
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
Vue实现双向数据绑定
May 03 Javascript
vue权限路由实现的方法示例总结
Jul 29 Javascript
浅谈微信页面入口文件被缓存解决方案
Sep 29 Javascript
Vue 理解之白话 getter/setter详解
Apr 16 Javascript
微信小程序使用echarts获取数据并生成折线图
Oct 16 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
Nov 06 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
CI框架学习笔记(二) -入口文件index.php
2014/10/27 PHP
js图片预加载示例
2014/04/30 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
JavaScript中Date对象的常用方法示例
2015/10/24 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
jQuery基础知识点总结(必看)
2016/05/31 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
TensorBoard 计算图的查看方式
2020/02/15 Python
Python参数传递对象的引用原理解析
2020/05/22 Python
Python xlrd模块导入过程及常用操作
2020/06/10 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
python实现双人五子棋(终端版)
2020/12/30 Python
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
学雷锋志愿服务月活动总结
2014/03/09 职场文书
群众路线专项整治方案
2014/10/27 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
民间借贷借条如何写
2015/05/26 职场文书
催款函范本大全
2015/06/24 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
Python基础详解之描述符
2021/04/28 Python