简单了解Javscript中兄弟ifream的方法调用
2019/6/26 22:58:53
本文主要是介绍简单了解Javscript中兄弟ifream的方法调用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
兄弟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直接的通信。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持找一找教程网。
这篇关于简单了解Javscript中兄弟ifream的方法调用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程