浏览器打开新窗口被拦截问题

最新推荐文章于 2024-04-19 16:30:04 发布

hulingyua

最新推荐文章于 2024-04-19 16:30:04 发布

阅读量1.8k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/hulingyua/article/details/82906522

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1. window.open() 方法和 form表单的submit方法

需要用户点击事件触发，将其直接写在点击事件内部，未被拦截

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    </style>
</head>
<body>
    <button id="btn">点击</button>
    <script type="text/javascript">
        var btn = document.getElementById('btn')
        btn.onclick = function() {
            setTimeout(function(){
                window.open('http://www.baidu.com')
            },1000)
        }
    </script>
</body>
</html>

如果在js中的ajax请求的success方法内部使用这两种方法均会被拦截，将ajax请求设置为同步，即可打开窗口不被拦截


        let requestUrl = commonRequestUrl;
        let msg ='';
        $.ajax({
          async: false,
          type: "GET",
          url: requestUrl,
          dataType: "json",
          success: function(data) {
            let code = data.code;
            let msg = data.msg;
            let content = data.content;
            msg = content.msg
            window.open(`http://127.0.0.1/assets/index.html?msg=${msg}`);
          }
        });

2. a链接打开新标签页的click方法

（1）如果需要在点击事件的时候进行一些操作，且不需要考虑发送请求的情景，可在a链接的click方法内进行操作

<a href='http//:www.baidu.com' onclick='goBaidu' target='_bank'>

// 该方法在原页面执行，与新开页面无关
goBaidu() {
    localstorage.setItem('name': 'zs')
}

（2）如果需要等待ajax请求或者代码执行结果，在a的click方法内部直接使用window.open()或者表单的submit即可（不要写在ajax方法内部）

代码同上第二个代码段

hulingyua

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浏览器打开新窗口被拦截问题

1. window.open() 方法和 form表单的submit方法需要用户点击事件触发，将其直接写在点击事件内部，未被拦截&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" c
复制链接

扫一扫