简单了解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 相关文章推荐
js中有关IE版本检测
Jan 04 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
Apr 18 Javascript
js分页工具实例
Jan 28 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
Mar 27 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
实例详解jQuery表单验证插件validate
Jan 18 Javascript
微信小程序 开发之全局配置
May 05 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
May 17 Javascript
jQuery zTree树插件的使用教程
Aug 16 jQuery
js实现简单放大镜效果
Mar 07 Javascript
JS实现炫酷轮播图
Nov 15 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 在线翻译函数代码
2009/05/07 PHP
php下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
一个简单的php加密解密函数(动态加密)
2013/06/19 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
yii2中添加验证码的实现方法
2016/01/09 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
PHP命名空间与自动加载机制的基础介绍
2019/08/25 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
Javascript基础教程之比较操作符
2015/01/18 Javascript
JavaScript中的parse()方法使用简介
2015/06/12 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
几句话带你理解JS中的this、闭包、原型链
2016/09/26 Javascript
RequireJs的使用详解
2017/02/19 Javascript
angular directive的简单使用总结
2017/05/24 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
JavaScript实现单图片上传并预览功能
2019/09/30 Javascript
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
Python ldap实现登录实例代码
2016/09/30 Python
Python搭建Spark分布式集群环境
2019/07/05 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
Python爬取腾讯视频评论的思路详解
2019/12/19 Python
基于Python中random.sample()的替代方案
2020/05/23 Python
为什么是 Python -m
2020/06/19 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
英国绿色商店:Natural Collection
2019/05/03 全球购物
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
销售团队获奖感言
2014/08/14 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
培根随笔读书笔记
2015/07/01 职场文书
优秀志愿者感言
2015/08/01 职场文书
宿舍管理制度范本
2015/08/07 职场文书
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js