• 绕过chrome的弹窗拦截机制


    在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的。举个例子:

    var btn = $('#btn');
    btn.click(function () {
    
        //不会被拦截
        window.open('http://cssha.com')
    });
    

    上面的代码中,window.open是用户触发的时候,是不会被拦截的,可以正常打开新窗口。再看下面这个:

    var btn = $('#btn');
    btn.click(function () {
    
        $.ajax({
            url: 'ooxx',
            success: function (url) {
    
                //会被拦截
                window.open(url);
            }
        })
    });
    

    上面的代码中,用户没有直接出发window.open,而是发出一个ajax请求,window.open方法被放在了ajax的回调函数里,这样的情况是会被拦截的。

    那么,当用户点击按钮,发出ajax请求,如何在ajax请求完成后再打开新窗口,又不被拦截呢? 接着往下看:

    var btn = $('#btn');
    btn.click(function () {
    
        //打开一个不被拦截的新窗口
        var newWindow = window.open();
    
        $.ajax({
            url: 'ooxx',
            success: function (url) {
    
                //修改新窗口的url
                newWindow.location.href = url;
            }
        })
    });
    

    上面的代码中,用户安点击按钮的时候,先打开一个空白页,再发ajax请求,在ajax回调里面修改新窗口的.location.href,这样就不会被拦截

  • 相关阅读:
    Linux_进程之间的通信
    Linux_控制作业(管理)
    Linux_进程管理相关命令
    Linux_进程管理的基本概述
    文本编辑_Vim&Vi
    Linux_权限管理理论概述
    Linux_用户和组管理
    Linux_ACL文件访问控制列表
    72. VUE axios 配置信息相关
    71. VUE axios 发送并发请求(多个)
  • 原文地址:https://www.cnblogs.com/axl234/p/6808615.html
Copyright © 2020-2023  润新知