简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - window.open在什么情况下会遭到浏览器的屏蔽
天蓬老师
天蓬老师 2017-04-10 12:42:29
0
20
1242

因为要做站外OAuth登录，所以准备用window.open来打开登录页面，但是我担心会遭到浏览器的屏蔽，于是做了个测试代码。

<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<a href="#" id="a">进入其它网页</a>
<script>
document.getElementById('a').onclick = function () {
    window.open('http://segmentfault.com');
    return false;
};
</script>
</body>
</html>

我在一个网页中用window.open打开了另一个域名下的网页，没有遭到任何屏蔽。在Firefox,Chrome,Safari,Opera下面测试了，都没遭到屏蔽，甚至我还打开了Firefox的阻止弹出窗口，都没有被屏蔽。那么这些浏览器的屏蔽是怎么工作的呢？那些弹出窗口会被判定为恶意，并被屏蔽呢？

天蓬老师
天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

membalas semua(3)
黄舟
黄舟2017-04-10 12:44:29 Tingkat 3

如果是由用户触发的动作所引起的window.open就不会被浏览器所阻止，比如写在onclick这些事件handler里的，但如果是代码自己触发的就会被block，比如把你代码改一下

<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<a href="#" id="a">进入其它网页</a>
<script>
setTimeout(function () {
    window.open('http://segmentfault.com');
}, 1000);
</script>
</body>
</html>

这个窗口就会被浏览器block掉，你可以参考下mozilla上的说明，http://support.mozilla.org/en-US/kb/p...

Suka +0
Tambah Balasan
小葫芦
小葫芦2017-04-10 12:44:29 Tingkat 2

在触发未经用户操作的情况下。如加载网页时自动弹出的窗口。

而由用户操作（如点击按钮／链接）触发的则不会被阻止。

Suka +0
Tambah Balasan
左手右手慢动作
左手右手慢动作2017-04-10 12:44:29 Tingkat 1

如果是在一个异步请求后打开新的窗口，下面的代码在谷歌CHROME及MAC-SAFARI浏览器下作了区分。

var windowRef = window.open('', '_blank');
ajaxGet("request.php").then(function(response){
    // do some logic
    url = "somewhere.com";
    // open url
    if (isChrome) {
        window.open(url, '_blank');
    } else if (isSafari) {
        setTimeout(function(){
            windowRef.location = url;
        },10);
    }
})
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！