JavaScript 按钮跳转288

在 JavaScript 中，可以通过使用 location 对象和 href 属性来实现按钮跳转。

location 对象

location 对象包含有关当前文档 URL 的信息，并且提供了一些方法来操作该 URL。其中一个方法是 href 属性。

href 属性

href 属性返回或设置当前文档的 URL。通过向 href 属性分配一个新 URL，可以将用户重定向到新页面。

示例

以下 JavaScript 代码创建一个按钮，当单击时它会将用户重定向到 。```javascript
const button = ('button');
= '前往 Google';
('click', () => {
= '';
});
(button);
```

使用 JavaScript 跳转到同一页面

同样可以使用 JavaScript 在不离开当前页面或刷新页面的情况下跳转到同一页面上的不同部分。这是通过使用 属性来实现的。

属性

属性返回或设置当前文档 URL 的哈希部分。哈希部分是 URL 中井号 (#) 之后的文本。它通常用于在页面上创建锚点。

示例

以下 JavaScript 代码创建一个按钮，当单击时它会跳转到页面上的一个名为 "anchor" 的锚点。```javascript
const button = ('button');
= '前往锚点';
('click', () => {
= '#anchor';
});
(button);
```

注意事项

使用 JavaScript 来跳转按钮时有几点需要注意：* 确保按钮有事件侦听器。
* 确保使用正确的 URL 或哈希值。
* 对同一页面上的跳转使用 ，而不是 。
* 使用 () 而不是 来创建不可后退的跳转。

结论

在 JavaScript 中跳转按钮是一个简单的过程，可以使用 location 对象和 href 或 hash 属性来实现。通过了解这些属性，您可以创建在单击时重定向用户的按钮，或在同一页面上的不同部分之间跳转。

2025-01-16

上一篇：HTML、JavaScript 变量详解

下一篇：JavaScript 与 ECMA：深入理解两者之间的关系