JavaScript 中的 window.location.href 和 window.open () 方法

Java

JavaScript 中的 window.location.href 和 window.open() 方法

在 JavaScript 中，window.location.href 和 window.open() 是两个常用的方法，用于在浏览器中进行页面导航和打开新窗口。本文将介绍这两个方法的用法，并提供一些案例代码。

window.location.href 方法用于获取或设置当前页面的 URL 地址。通过读取 window.location.href 的值，我们可以获取当前页面的 URL。例如，下面的代码将在控制台输出当前页面的 URL：

Javascript
console.log(window.location.href);

如果我们要将页面导航到一个新的 URL，可以通过设置 window.location.href 的值来实现。例如，下面的代码将会将页面导航到 "https://www.example.com"：

Javascript
window.location.href = "https://www.example.com";

window.open() 方法用于在新窗口或标签页中打开一个 URL。该方法接受两个参数：要打开的 URL 和窗口的名称（可选）。例如，下面的代码将在新窗口中打开 "https://www.example.com"：

Javascript
window.open("https://www.example.com");

我们还可以通过添加第二个参数来指定窗口的名称。如果指定的窗口名称已存在，则会在该窗口中加载新的 URL；如果不存在，则会打开一个新的窗口。例如，下面的代码将在名为 "exampleWindow" 的窗口中打开 "https://www.example.com"：

Javascript
window.open("https://www.example.com", "exampleWindow");

案例代码：

下面是一个使用 window.location.href 和 window.open() 方法的案例代码。假设我们有一个按钮，点击该按钮将会在新窗口中打开一个指定的 URL。

html
<!DOCTYPE html>
<html>
<head>
  <title>Window Methods</title>
</head>
<body>
  <button onclick="openNewWindow()">打开新窗口</button>
  <script>
    function openNewWindow() {
      window.open("https://www.example.com", "newWindow");
    }
  </script>
</body>
</html>

在上面的代码中，我们定义了一个名为 openNewWindow 的 JavaScript 函数，用于在点击按钮时调用。该函数使用 window.open() 方法来打开一个新窗口，并指定了 URL 和窗口名称。

：

本文介绍了 JavaScript 中的 window.location.href 和 window.open() 方法的用法。通过使用这两个方法，我们可以在浏览器中进行页面导航和打开新窗口。window.location.href 用于获取或设置当前页面的 URL 地址，而 window.open() 用于在新窗口中打开一个 URL。这些方法在开发网页应用程序时非常有用，能够提供更好的用户体验。