在前端开发中，我们经常需要将用户从当前页面重定向到其他页面。这可以通过 JavaScript 或 jQuery 来实现。本文将介绍如何使用这两种方法来实现按钮重定向功能。
使用 JavaScript 实现按钮重定向
JavaScript 提供了 window.location 对象，该对象具有许多属性和方法，可以用于管理浏览器窗口的 URL。要重定向用户到另一个页面，可以使用 window.location.href 属性。
以下是一个简单的示例，演示如何使用 JavaScript 在单击按钮时将用户重定向到 Google 搜索：
-- -------------------- ---- ------- --------- ----- ------ ------ -------------- -------- ------------ ------- ------ -------- ------------------------------- -- --------------- --------- ---------- ------------------ - ----------------------- - ------------------------- --- ---------- ------- -------
上面的代码定义了一个按钮，并将其与 redirectToGoogle() 函数关联。该函数通过将 window.location.href 设置为 Google 的 URL 来实现重定向。当用户单击按钮时，他们将被重定向到 Google 搜索页面。
使用 jQuery 实现按钮重定向
如果您正在使用 jQuery，则可以使用 .attr() 方法来设置元素的属性。您可以使用 .click() 方法将单击事件附加到按钮元素，并在其中调用 .attr() 方法来设置 window.location.href 属性。
以下是一个示例，演示如何使用 jQuery 在单击按钮时将用户重定向到 Google 搜索：
-- -------------------- ---- ------- --------- ----- ------ ------ -------------- -------- ------------ -------- ----------------------------------------------------------- ------- ------ -------- ---------------- -- --------------- --------- ------------------------------ - ---------------------------------- - ------------------------ - ------------------------- ------ ----- ---------- ------- -------
上面的代码使用 jQuery 定义了一个按钮，并将其 ID 设置为 myButton。在文档准备就绪时，使用 .click() 方法将单击事件附加到该按钮元素。当用户单击该按钮时，将调用函数，从而将 window.location.href 设置为 Google 的 URL，从而实现重定向。
结论
无论您是使用 JavaScript 还是 jQuery，都可以轻松地将用户重定向到其他页面。通过使用这些示例代码，您可以快速开始构建自己的按钮重定向功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11652
