登录按钮onclick事件：如何实现登录成功后打开新标签页？

我来帮你搞定这个问题！你遇到的核心问题有两个：一是window.location.replace()/window.location.href本身就不支持_blank参数（它们只能在当前标签页跳转）；二是AJAX回调里直接调用window.open会被浏览器的弹窗拦截机制阻止——因为浏览器会把非用户主动同步触发的弹窗当成广告拦截。

下面是针对性的修复方案，直接替换你的代码逻辑即可：

修改后的完整代码 #

login = function() {
    if ($("#UserName").val().length == 0) { return; }
    if ($("#Password").val().length == 0) { return; }
    
    // 关键：在用户点击的同步阶段提前创建空白标签页（避免被拦截）
    var newTab = null;
    var retUrl = $.QueryString("ReturnUrl");
    // 先判断是否需要提前创建标签页
    if (!retUrl || retUrl === null) {
        newTab = window.open('_blank');
    }

    var logindata = {
        UserName: $("#UserName").val(),
        Password: $("#Password").val()
    };
    locustraxx.showLoading("loginformDiv");
    
    locustraxx.doAjaxPostback('//example.com/LoginHandler.ashx', logindata, null, null, function(data) {
        var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
        
        if (data.success) {
            if ($("#Remember").is(':checked')) {
                $.cookie('remember', `${$("#UserName").val()}|${$("#Password").val()}`, { expires: 36500, path: '/' });
            }
            
            if (!retUrl || retUrl === null) {
                // 给提前创建的空白标签页设置目标地址
                if (newTab) {
                    newTab.location.replace(data.data);
                    // 兜底：如果标签页被拦截，提示用户
                    if (newTab.closed) {
                        alert("弹窗被浏览器拦截，请允许本站的弹窗权限");
                    }
                }
            } else {
                var targetUrl = decodeURIComponent(retUrl).replace(/\~~/g, ".");
                // 处理ReturnUrl的情况，优先用提前创建的标签页，没有则新建
                if (newTab) {
                    newTab.location.replace(targetUrl);
                } else {
                    newTab = window.open(targetUrl, '_blank');
                }
                if (newTab?.closed) {
                    alert("弹窗被浏览器拦截，请允许本站的弹窗权限");
                }
            }
            
            if (isChrome) { 
                // clearCookies(); // 如果你需要启用这个逻辑，取消注释即可
            }
            return false;
        } else {
            alert(data.message);
            $("#UserName").focus();
            // 登录失败时关闭提前创建的空白标签页，避免无用页面
            if (newTab && !newTab.closed) {
                newTab.close();
            }
        }
    }, null, function() { 
        // 修复调用错误：应该是locustraxx.hideLoading，不是login.hideLoading
        locustraxx.hideLoading("loginformDiv");
    });
}

核心修改说明 #

• 提前创建空白标签页：在AJAX请求发送前（用户点击按钮的同步流程里）创建标签页，这个操作属于用户主动触发，不会被浏览器拦截。
• 登录成功后赋值跳转地址：在AJAX回调里直接修改已创建标签页的location属性，实现跳转。
• 登录失败时清理空白标签页：避免留下无用的空白页面，提升用户体验。
• 修复了hideLoading的调用错误：原代码里的login.hideLoading应该是locustraxx.hideLoading，和showLoading保持一致。

额外注意事项 #

• 如果你的登录按钮是<input type="submit">，需要确保阻止表单的默认提交行为（比如在函数开头添加event.preventDefault()），避免当前页面刷新。
• 部分严格的浏览器可能仍会拦截弹窗，建议在登录失败时加入提示，引导用户开启本站的弹窗权限。

内容的提问来源于stack exchange，提问作者porsche