【学问碎片】第三方登录弹窗结果

2023年2月18日 208次阅读 来源: Rockergmail

需求
点击第三方登录–>翻开新tab并掌握tab大小–>新tab登录完成自动封闭–>关照旧tab革新

难点一 怎样经由过程js新建tab

<a class="3rdLogin" href="/a/b/c">click to login</a>
$(".3rdLogin").click(function(e) {
    e.preventDefault(),
    window.open($(this).attr("href"), "_blank", "toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=500")
})

假如直接用window.open()，在chrome默许会阻挠弹窗

难点二 怎样封闭tab

window.opener = null;
window.open('', '_self');
window.close();

难点三 怎样跨tab通讯

html5 postMessage处理跨域、跨窗口音讯通报
跨页面(tab/window)通讯的几种要领

    原文作者：Rockergmail
    原文地址: https://segmentfault.com/a/1190000015664196
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞