常用的打开新窗口的方式

1、window.open()

2、用a标签的target=”_blank”

　　在模板中插入一个a标签，然后javascript去触发a链接的click，实现跳转。（该方法在jQuery跟js中有坑…）

<a href="http://wuliv.com" id="openNew"></a>
$(\'#openNew\')[0].click()
document.getElementById(\'openNew\').click()

$(“#openNew”)得到的是一个jquery的对象，jquery本身对该对象的一些属性进行了封装，所以会导致click失效；而使用js对象 document.getElementById(“a”) 则不会存在该问题

onclick()也可以触发事件，但是onclick跟click不同；
onclick触发的是方法，而click先触发按钮的点击事件，再触发方法。
如果该对象没有绑定onclick方法则无法被触发，而click没有绑定方法也可以触发。

var a = document.createElement(\'a\');
a.target = \'_blank\'
a.href = \'http://www.baidu.com\'
document.body.appendChild(a)
// var e = document.createEvent(\'MouseEvents\');
// e.initEvent(\'click\', true, true);
// a.dispatchEvent(e);
a.click();

原因：当浏览器检测到非用户操作产生的新弹出窗口，则会对其进行阻止。因为浏览器认为这不是用户希望看到的页面

结果：当点击事件1s之后再自动触发这个跳转事件，浏览器会拦截

 

解决方法：

1、ajax请求设置成同步的方式  async: false

2、window.open()

请求时先打开一个空页面
var newWindow = window.open();
请求返回结果之后
newWindow.location.href = fileUrl

 

版权声明：本文为fenwen原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/fenwen/p/10737584.html