ホームページ > バックエンド開発 > PHPチュートリアル > javascript - js如何跨窗口调用js

javascript - js如何跨窗口调用js

WBOY
リリース: 2016-06-06 20:33:41
オリジナル
1105 人が閲覧しました

如QQ登录(http://qzonestyle.gtimg.cn/qzone/openapi/js-sdk-demo.html),在A页面点击qq登陆按钮,弹出新qq登录窗口B,手机扫一扫后登录,B窗口关闭,并且调用A窗口中的retFun函数。

这是怎么做到的?

回复内容:

如QQ登录(http://qzonestyle.gtimg.cn/qzone/openapi/js-sdk-demo.html),在A页面点击qq登陆按钮,弹出新qq登录窗口B,手机扫一扫后登录,B窗口关闭,并且调用A窗口中的retFun函数。

这是怎么做到的?

A窗口打开B窗口,那么B窗口有个window.opener(window.open或者href打开的都有,IE只有通过window.open打开才有)指向A窗口。

A

<code>// window.open(B);
// <a target="_blank" href="B">打开B窗口</a>
function test() {
  alert(1);
}
</code>
ログイン後にコピー

B

<code>window.onbeforeunload = function() {
  if (window.opener) {
    window.opener.test();
  }
}
</code>
ログイン後にコピー

注:需要服务器环境

例外 跨窗口/文档通信可以看下 postMessage 的资料

至于扫一扫登录,可以参见 微信扫描二维码登录网页是什么原理,前后两个事件是如何联系的?

这个一定是服务器通知的A,让A调用的,至于服务器如何通知A 这技术有很多,查一下就好了,肯定不是在B窗口里面调用的A

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート