简单了解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-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar