📅 最后修改于: 2023-12-03 15:21:09.731000 🧑 作者: Mango
在前端开发中，window.location.href 是一个常用的属性，用于获取或修改当前页面的 URL，通过修改该属性可以实现页面的重定向或跳转。本文将介绍如何使用 window.location.href 实现中断按钮的功能。
在 HTML 中，可以使用按钮元素(<button>) 来实现中断按钮：
<button onclick="interrupt()">中断</button>
在 JavaScript 中，可以通过给按钮的 onclick 属性绑定一个函数来处理中断按钮的点击事件。其中，可以使用 window.location.href 来进行页面的重定向或跳转。
以下是一个示例函数 interrupt() 的实现，该函数会将页面重定向到指定的 URL：
function interrupt() {
// 使用 window.location.href 进行页面的跳转
window.location.href = 'https://example.com';
}
点击中断按钮时，会触发 interrupt() 函数，将页面重定向到 https://example.com：
<!DOCTYPE html>
<html>
<head>
<title>中断按钮示例</title>
</head>
<body>
<h1>中断按钮示例</h1>
<button onclick="interrupt()">中断</button>
<script>
function interrupt() {
window.location.href = 'https://example.com';
}
</script>
</body>
</html>
在实际使用中，可以根据需求修改 interrupt() 函数来实现不同的功能，例如弹出确认对话框、执行其他业务逻辑等。
通过使用 window.location.href 中断按钮的功能，程序员可以轻松实现页面的重定向或跳转，提升用户体验并丰富应用的交互性。