js打开新窗口并且不被拦截

window.open是javascript函数，该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口，浏览器会拦截你,那么如何避免呢。

注意，只有直接使用js调用 window.open(url); 打开新窗口时，才会被拦截，如果是改变原理额窗口：window.open(url,‘_self‘); 则不会被拦截。

那么 js调用 window.open(url); 打开新窗口，如何才能不会浏览器拦截呢？

浏览器会拦截你，是认为你将弹出广告等用户不想得到的窗体，所以如果不想让浏览器拦截你，你可以将这个函数改为用户点击时触发，这样浏览器就认为是用户想访问这个页面，而不是你直接弹出给用户。

0.最好的解决办法

var form = document.createElement(‘form‘);form.action = ‘www.baidu.com?id=1‘;form.target = ‘_blank‘;form.method = ‘POST‘;document.body.appendChild(form);form.submit();

这种方式，如果需要传递参数时，需要使用 POST 方法，默认的get方法，无法传递参数。也就是新页面的url中没有参数部分。

另外，Ajax下载文件时也是用form 表单来模拟下载。

1.onclick
常用的方法就是在超链接里加入onclick事件，如这样用户点击这个超链接，浏览器会认为它是打开一个新的链接，所以就不会拦截。

2.setTimeout

 setTimeout(‘window.open(url);‘, 500);

使用 setTimeout 包装一下，也可以防止被浏览器拦截。注意这里的超时时间不能太短，否则也会被拦截。

3.location
可是有时候我们会遇到想要弹出一个窗口，可是却是在onckick事件执行后，才去弹出来的，这时就会被浏览器拦截，我们可以通过下面的方法来避免，就是先用window.open打开一个窗口，然后修改地址。如

var tempwindow=window.open(‘_blank‘); //打开一个窗口，然后用tempwindow.location=‘http://www.baidu.com‘; // 使这个窗口跳转到百度，这样就会呈现弹出百度窗口的效果了。

https://www.cnblogs.com/digdeep/p/4590337.html

js打开新窗口并且不被拦截相关推荐

js打开新窗口被拦截问题
打开新窗口的方式主要有 window.open, a标签增加target="_blank"属性,form标签增加target="_blank"属性用户直接点击 ...
js页面跳转和 js打开新窗口方法
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js打开新窗口的各种方法
window.top.location=url 可以在iframe中的页面在父窗口刷新打开 window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等.都 ...
JS 打开新窗口的方法
一.window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法:window.open(pageURL,name,pa ...
js页面跳转和js打开新窗口
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
浏览器拦截js打开新窗口的解决方案
今天技术大佬问了我一个问题:使用js在浏览器中打开新的窗口,什么时候会被拦截?什么时候不会被拦截? 一下给我问住了······· 于是上网百度的一波~ 常用的两种打开新窗口的方式 window.ope ...
JS打开新窗口的代码window.showModalDialog()
用JS代码打开新窗口 function openNewWindow(url,width,height,formname) { var feature="dialogWidth:&qu ...
js打开新窗口时隐藏掉地址栏的解决方案
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.问题? 二.解决思路 1.修改window.open参数 2.跳转空白页,由空白页初始化时使用ajax跳转页面总 ...

js打开新窗口并且不被拦截

js打开新窗口并且不被拦截

js打开新窗口并且不被拦截相关推荐

最新文章

热门文章