js跳转怎么打开新页面(打开新的页面的方法)

在js中打开新的页面的方法，用window.open(URL)  即可实现效果 ，window.open是在一个新的窗口打开一个新的页面代码，实例代码如下：

<button id="go">点击我</button>
<script>
  document.getElementById("go").addEventListener("click", () => {
    openUrl("https://so.toutiao.com/search?dvpf=pc&keyword=老汤博客");
  });
  function openUrl(url) {   
   window.open(url);
  }
</script>

附：

1、a标签打开新的页面的方法

<a href="https://so.toutiao.com/search?dvpf=pc&keyword=老汤博客" target="_blank">点击我</a>

2、target参数详解

• _self: 新网页在当前的页面打开，不填参数则就是当前页面打开。

• _blank: 新网页在新窗口打开。

• _parent: 没有iframe的话在当前的页面打开。

• _top: 没有iframe的话 在当前的页面打开。

3、什么时候用a标签什么时候用window.open

一般使用a标签是不需要带上js逻辑的 , 这样使用起来简单明了 , 其余情况就使用 window.open() 就可以；

但是目前大多数使用 a 标签的时候 , 都觉得它原有的样式太丑 , 所以覆盖样式也是基本操作。