简单了解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中Dom的基本操作小结
Jan 23 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
May 09 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
RequireJS入门一之实现第一个例子
Sep 30 Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 Javascript
angular分页指令操作
Jan 09 Javascript
在nginx上部署vue项目(history模式)的方法
Dec 28 Javascript
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
微信小程序中网络请求缓存的解决方法
Dec 29 Javascript
js实现无缝轮播图效果
Mar 09 Javascript
Vite和Vue CLI的优劣
Jan 30 Vue.js
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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
推荐文章系统(一)
2006/10/09 PHP
几款免费开源的不用数据库的php的cms
2010/12/19 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
jQuery源码分析之Event事件分析
2010/06/07 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
详解jQuery事件
2017/01/13 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
Python httplib模块使用实例
2015/04/11 Python
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
基于Python的PIL库学习详解
2019/05/10 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
英国假睫毛购买网站:FalseEyelashes.co.uk
2018/05/23 全球购物
自考生毕业自我鉴定
2013/10/10 职场文书
船舶专业个人求职信范文
2014/01/02 职场文书
领导班子对照检查材料
2014/09/22 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
团代会开幕词
2015/01/28 职场文书
拯救大兵瑞恩观后感
2015/06/09 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
离婚协议书范文2016
2016/03/18 职场文书
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS