如何使用 JavaScript 跳转到新页面229

前言

在网页开发中，有时需要在用户点击特定元素或触发特定事件时跳到新页面。JavaScript 提供了一种简单的方法来实现此目的。

JavaScript 中用于跳转到新页面的主要对象是 。此对象提供了一些属性和方法，可用于获取或设置当前页面的 URL。要跳转到新页面，可以使用 属性。

使用 跳转

要使用 跳转到新页面，只需将其设置为新的 URL 即可。例如，以下代码将跳到 页面：
= '';

触发跳转

可以使用各种事件触发跳转，例如单击、鼠标悬停或键盘按压。要将跳转分配给事件，可以使用 addEventListener() 方法。例如，以下代码将创建一个按钮，当单击时会跳到新的页面：


function handleClick() {
= '';
}



点击跳转

提示和技巧* 使用绝对 URL：在设置 时，务必使用绝对 URL，包括协议（如 或 ）。
* 在当前选项卡中打开：默认情况下，使用 会在当前选项卡中打开新页面。要在新选项卡或窗口中打开，请使用 () 方法。
* 防止刷新：如果单击事件会刷新页面，则可以在事件处理程序中调用 () 以阻止它。
* 使用带参数的 URL：可以将查询参数附加到 URL 以将数据传递到新页面。例如，以下代码将跳到带有查询参数“name=John”的页面：

= '?name=John';

使用 JavaScript 中的 属性，可以轻松地从当前页面跳转到新页面。通过使用事件或触发器，您还可以创建交互式的跳转功能。了解这些技术对于创建动态且用户友好的网页至关重要。

2025-02-03

上一篇：Javascript 点击链接：深入探讨事件监听器和 DOM 操纵

下一篇：JavaScript 运行机制揭秘