window.open( )方法打开新页面有可能会被浏览器拦截的问题

前言,在项目中突然间遇到了一个情况,同样的代码怎么有点地方window.open()打开的新页面不被拦截,有的地方又被拦截了呢,我百思不得其解,于是上网查了下,终于明白这是什么原因了,下面一一讲述。

现在,先讲下打开新页面的方法,主要有一下几种:

第一种:a标签 ‘<a href=”test.php”target=”_blank”>,target=”_blank”为打开一个新的窗口,否则,为当前页面跳转到指定页面;

第二种:form表单'<form action=”drag.html” method=”get” id=”form” target=”_blank”/></form>’,提交表单即可打开新页面,target=’target’,则将表单信息提交至新打开的指定页面,否则当前页面跳转到指定页面;

第三种:window.location  执行window.location=’test.php’,页面将跳转到指定页面。

第四种:window.open(url);执行window.open(‘test.php’),将会打开心新的指定页面,当前页面不变。

现在在对浏览器打开新页面的问题做一下简单小结,浏览器对于用户点击行为直接打开的页面一般不会拦截,比如不通过JS直接点击a、提交form表单,浏览器是不会阻止其跳转页面或者打开新页面行为的。但是对于JS打开新页面浏览器会好好审核的,如下面的例子,很多浏览器回去拦截。

上面是最简单的2种会被浏览器当成广告的情况,那么该如何避免避免这种情况呢,很简单,我们可以通过以下方法:

 

转自:http://my.oschina.net/u/1162669/blog/205643