javascript - js如何跨窗口调用js
程序员文章站
2022-05-18 09:34:15
...
如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
// window.open(B);
// 打开B窗口
function test() {
alert(1);
}
B
window.onbeforeunload = function() {
if (window.opener) {
window.opener.test();
}
}
注:需要服务器环境
例外 跨窗口/文档通信可以看下 postMessage
的资料
至于扫一扫登录,可以参见 微信扫描二维码登录网页是什么原理,前后两个事件是如何联系的?
这个一定是服务器通知的A,让A调用的,至于服务器如何通知A 这技术有很多,查一下就好了,肯定不是在B窗口里面调用的A
推荐阅读
-
PHP json格式和js json格式 js跨域调用实现代码_PHP教程
-
回顾JS第一章如何在HTML文件中添加JavaScript代码
-
麻烦看看如何小弟我JS调用了一个单页面后网站打开速度特别慢!多谢
-
javascript - js如何实现下面的功能
-
js和jquery如何获取图片真实的宽度和高度_javascript技巧
-
JS实现悬浮移动窗口(悬浮广告)的特效_javascript技巧
-
如何写vue.js的插件,跨项目依赖
-
js 异步操作回调函数如何控制执行顺序_javascript技巧
-
JS调用CS里的带参方法实例_javascript技巧
-
js中用window.open()打开多个窗口的name问题_javascript技巧