本文介绍了如何使用 JavaScript 的 confirm() 函数在用户确认操作后跳转到另一个 PHP 页面，而无需使用 PHP 的 header() 函数进行重定向。重点讲解了如何正确地将 JavaScript 函数与 HTML 表单按钮的 onclick 事件结合，以及如何处理用户取消操作的情况，并提供了一个可运行的示例代码。
在 Web 开发中，经常需要在用户执行某些操作之前进行确认，例如删除数据或取消订阅。JavaScript 的 confirm() 函数提供了一种简单的方式来实现这一功能。当用户点击“确定”按钮时，我们希望跳转到另一个 PHP 页面执行相应的操作；当用户点击“取消”按钮时，则不执行任何操作。
以下是一种实现此功能的有效方法：
HTML 代码：
立即学习“PHP免费学习笔记（深入）”；
<form action="" method="post" role="form">
<button type="submit" name="cancel" class="btn btn-primary" onclick="return confirmDelete()">Cancel Enrollment</button>
</form>JavaScript 代码：
<script type="application/javascript">
function confirmDelete() {
if (confirm("Do you really want to delete your Enrollment?")) {
window.location.href = "includes/deleteEnrollment.php";
return false; // 阻止表单提交
}
return false; // 阻止表单提交
}
</script>代码解释：
onclick="return confirmDelete()"： 关键在于 onclick 事件处理程序中的 return 关键字。return confirmDelete() 的作用是将 confirmDelete() 函数的返回值传递给 onclick 事件。如果 confirmDelete() 返回 false，则阻止表单的默认提交行为。
confirm("Do you really want to delete your Enrollment?")： 此函数显示一个带有“确定”和“取消”按钮的确认对话框。如果用户点击“确定”，则返回 true；否则，返回 false。
window.location.href = "includes/deleteEnrollment.php";： 如果用户点击“确定”，则将浏览器重定向到 includes/deleteEnrollment.php 页面，该页面负责执行实际的删除操作。
return false;： 在 if 语句内部和外部都返回 false。这至关重要，因为它确保在用户点击“确定”后，重定向发生，并且表单的默认提交行为被阻止；在用户点击“取消”后，表单也不会被提交。
注意事项：
- 确保 <script> 标签放置在 </form> 标签之后，或者将其包含在 $(document).ready() 函数中，以确保在 DOM 加载完成后 JavaScript 代码才能执行。
- includes/deleteEnrollment.php 页面应包含处理删除逻辑的代码。
- 为了更好的用户体验，可以考虑使用 AJAX 技术，在不刷新页面的情况下执行删除操作。
总结：
通过结合 JavaScript 的 confirm() 函数和 onclick 事件，可以实现用户确认后的页面跳转，而无需依赖 PHP 的 header() 函数。 关键在于正确使用 return 关键字来控制表单的提交行为。 这种方法既简单又有效，可以提升 Web 应用的用户体验。
