使用按钮重定向 onclick (1)

📌 相关文章

📜 使用按钮重定向 onclick (1)

📅 最后修改于: 2023-12-03 15:06:56.536000 🧑 作者: Mango

使用按钮重定向 onclick

在网页开发中，我们经常需要使用按钮来触发重定向操作。这时候，可以使用 onclick 事件来实现按钮重定向。

实现步骤

创建一个按钮元素

<button id="go-to-page2">跳转到页面2</button>

给按钮元素添加 onclick 事件处理程序

<button id="go-to-page2" onclick="location.href='page2.html';">跳转到页面2</button>

以上代码中，我们使用 location.href 属性指定重定向地址，并将它赋值给 onclick 事件处理程序。点击按钮后，浏览器将会跳转到指定的页面。

示例代码

<!DOCTYPE html>
<html>
  <head>
    <title>使用 onclick 重定向页面</title>
  </head>
  <body>
    <button id="go-to-page2" onclick="location.href='page2.html';">跳转到页面2</button>
  </body>
</html>

总结

使用 onclick 事件处理程序来实现按钮重定向非常简单，只需要将跳转地址赋值给 location.href 即可。但需要注意的是，使用 onclick 事件处理程序时必须确保按钮元素唯一，并且该元素必须存在于文档中。