如何使用JavaScript跳转到另一个页面

使用window.location属性跳转到另一个页面。让我们看一下基础知识和一些实际示例。

关于 window.location 属性

window.location 属性返回一个 Location 对象，表示浏览器中显示的文档的位置。Location 对象包含以下信息：

Location {
  href: "https://www.ciyawang.com/window-location-1310.html",
  origin: "https://www.ciyawang.com",
  protocol: "https:",
  host: "www.ciyawang.com", …
}

href

表示网页的URL。URL是统一资源定位器的缩写，类似于Internet上的网页地址。

origin

表示URL的协议和服务器名称。不包括文件名。在上述情况下，协议为https，服务器名称为techacademy.jp。

protocol

代表协议。协议是一种通信方法，它决定了传输和接收数据的方式。通过预先确定协议，只需指定协议名称，即可顺利开始通

目前互联网上主要使用一种名为“https”的协议。这是一种可以安全地与服务器通信的协议。

host

表示服务器名称。

如何跳转到另一个页面

要跳转到另一个页面，请将目标 URL 替换为 window.location。

window.location = "转换目标URL";

指定URL时，如果在服务器名称后指定，例如“www.baidu.com”，它将尝试转换到当前显示的服务器中的页面。如果还指定了协议，则可以跳转到包括服务器在内的另一个页面。

我们来实际写一下

让我们实际编写一个程序并检查它。使用 Chrome 浏览器开发人员工具运行它。首先，转到词雅网页面。

https://www.ciyawang.com

让我们在控制台中输入以下内容：

window.location ="www.baidu.com"

执行结果如下。

您可以看到它转换为"https://www.ciyawang.com/www.baidu.com"，因为未指定协议。

接下来，让我们输入包括协议在内的内容。

window.location ="https://www.baidu.com"

执行结果如下。

这次我能够转换到 BaiDu 页面。

结语

在本文中，您学习了如何使用 JavaScript 跳转到另一个页面。