如何open一个新tab页面

最新推荐文章于 2024-03-10 10:19:23 发布

weixin_34239169

最新推荐文章于 2024-03-10 10:19:23 发布

阅读量748

点赞数

文章标签： java

原文链接：https://juejin.im/post/5b050c6f518825426f312340

版权

摘要: 原创出处：http://lovebugs.top/article/45080490-5e53-11e8-a5c8-3f0e7d3734b2 欢迎转载，保留摘要，谢谢！
复制代码

打开新tab页的两种方式

1 a标签

  function openwin(url) {
    var a = document.createElement("a");
    a.setAttribute("href", url);
     a.setAttribute("target", "_blank");
     a.setAttribute("id", "camnpr");
     document.body.appendChild(a);
     a.click();
  }
复制代码

2 window.open

window.open('https://sandbox.ebanx.com/print/?hash=59ad5dd18a6d5ba0e24327c2ba92a730115a80bd58b3baa5', '_blank')
复制代码

有3种情况会需要打开新tab页，

人为点击一个按钮，在事件里我们可以打开新的tab页，window。open()
用户直接点击a标签打开新tab页
用户触法的ajax回调，在回调事件里才能拿到新的需要跳转的tab页的url,此时以上方法打开新页面时候回被chrome等游览器默认拦截

解决方案：

function click() {

	var newWin = window.open('loadingurl');
      $.ajax({
          url: url,
          type: "post",
          data: payParams,
          dataType: 'json',
          success: function (response) {
            newWin.location = response.data.url
		}
	})

}
复制代码

就是在点击的时候先打开一个默认的loading页面然后在等url回来后在赋值给location

以上

转载于:https://juejin.im/post/5b050c6f518825426f312340