javascript 如何切换 window.location 属性的路径名并重定向

Java

使用JavaScript可以通过更改window.location属性的路径名来实现页面的重定向。window.location属性包含了当前页面的URL信息，包括协议、主机、端口、路径名、查询参数和片段标识符。通过修改路径名，我们可以将用户重定向到一个新的URL。

下面是一个简单的示例代码，演示了如何使用JavaScript来切换window.location属性的路径名并重定向到一个新的URL：

Javascript
// 获取当前页面的URL
var currentURL = window.location.href;
// 修改路径名并重定向到新的URL
window.location.pathname = "/new/pathname";

在上面的代码中，我们首先使用window.location.href获取了当前页面的URL。然后，我们通过修改window.location.pathname属性将路径名更改为"/new/pathname"。最后，浏览器会自动将用户重定向到新的URL。

示例代码：

html
<!DOCTYPE html>
<html>
<head>
  <title>重定向示例</title>
</head>
<body>
  <h1>重定向示例</h1>
  <button onclick="redirect()">点击重定向</button>
  <script>
    function redirect() {
      // 修改路径名并重定向到新的URL
      window.location.pathname = "/new/pathname";
    }
  </script>
</body>
</html>

在上面的示例中，我们创建了一个简单的HTML页面。页面中包含一个按钮，当用户点击按钮时，会调用redirect函数。在redirect函数中，我们使用JavaScript代码修改了window.location.pathname属性，并将路径名更改为"/new/pathname"。用户点击按钮后，页面会立即重定向到新的URL。

通过JavaScript可以轻松地切换window.location属性的路径名并实现页面的重定向。我们只需要修改window.location.pathname属性，将路径名更改为新的值，浏览器会自动将用户重定向到新的URL。这在开发Web应用程序时非常有用，可以根据需要动态地将用户导航到不同的页面。

参考资料：

- [MDN Web 文档：Window.location](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/location)