简单了解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实现鼠标拖动效果的方法
May 11 Javascript
基于JavaScript实现仿京东图片轮播效果
Nov 06 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
vue中component组件的props使用详解
Sep 04 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
VUE 配置vue-devtools调试工具及安装方法
Sep 30 Javascript
jQuery 查找元素操作实例小结
Oct 02 jQuery
javascript 内存模型实例详解
Apr 18 Javascript
微信小程序点击滚动到指定位置的实现
May 22 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 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 daddslashes 使用方法介绍
2012/10/26 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
使用php完成常见的文件上传功能(推荐)
2017/01/13 PHP
常用PHP封装分页工具类
2017/01/14 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
wordpress之js库集合研究介绍
2007/08/17 Javascript
jquery 上下滚动广告
2009/06/17 Javascript
javascript 显示当前系统时间代码
2009/12/28 Javascript
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
2013/05/15 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
简单实现异步编程promise模式
2015/07/31 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
Windows下快速搭建NodeJS本地服务器的步骤
2017/08/09 NodeJs
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
Python多线程处理实例详解【单进程/多进程】
2019/01/30 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
德国传统玻璃制造商:Cristalica
2018/04/23 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
物业门卫岗位职责
2013/12/28 职场文书
刑事起诉书范文
2015/05/19 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
《静夜思》教学反思
2016/02/17 职场文书
对Keras自带Loss Function的深入研究
2021/05/25 Python
python中super()函数的理解与基本使用
2021/08/30 Python