JS 新标签页打开链接|极客笔记

JS 新标签页打开链接

在网页开发中，经常会遇到需要在新标签页中打开链接的需求。在前端开发中，我们可以使用 JavaScript 来实现这一功能。本文将详细介绍如何使用 JavaScript 来实现在新标签页中打开链接的方法。

基本方法

在 JavaScript 中，我们可以使用 window.open() 方法来打开链接。该方法接受两个参数，第一个参数是要打开的链接的 URL，第二个参数是窗口的名称（可选）。打开链接的具体代码如下：

function openLinkInNewTab(url) {
  window.open(url, '_blank');
}

在上面的代码中，我们定义了一个 openLinkInNewTab 函数，它接受一个 URL 作为参数，并使用 window.open() 方法在新标签页中打开该链接。第二个参数 _blank 表示在新的标签页中打开链接。

接下来，我们可以调用该函数并传入要打开的链接的 URL：

openLinkInNewTab('https://www.example.com');

通过以上代码，当用户执行该代码时，将在新标签页中打开 https://www.example.com 这个链接。

示例代码

下面是一个完整的示例代码，演示如何在新标签页中打开链接，并且演示了如何在按钮点击时触发打开链接的操作：

<!DOCTYPE html>
<html>
<head>
  <title>Open Link in New Tab</title>
</head>
<body>
  <h1>Click the button below to open link in new tab</h1>
  <button onclick="openLinkInNewTab('https://www.example.com')">Open Link</button>

  <script>
    function openLinkInNewTab(url) {
      window.open(url, '_blank');
    }
  </script>
</body>
</html>

在上面的代码中，当用户点击 “Open Link” 按钮时，将在新标签页中打开 https://www.example.com 这个链接。