点击提交之后如何提示提交成功弹窗并跳转主页
时间: 2024-05-09 20:21:17 浏览: 129
基于JS实现操作成功之后自动跳转页面
这可以通过以下步骤实现:
1. 在提交按钮的点击事件中,使用 JavaScript 创建一个弹窗,提示用户提交成功。
2. 在弹窗上添加一个“确定”按钮。
3. 在“确定”按钮的点击事件中,使用 JavaScript 跳转到主页。
以下是示例代码:
HTML 代码:
```
<button id="submit-btn">提交</button>
```
JavaScript 代码:
```
let submitBtn = document.getElementById("submit-btn");
submitBtn.addEventListener("click", function() {
// 提交表单的逻辑
// 创建弹窗
let successPopup = window.open("", "", "width=300,height=200");
successPopup.document.write("<p>提交成功!</p>");
successPopup.document.write("<button id='ok-btn'>确定</button>");
// 点击确定按钮后跳转到主页
let okBtn = successPopup.document.getElementById("ok-btn");
okBtn.addEventListener("click", function() {
successPopup.close();
window.location.href = "主页的 URL";
});
});
```
阅读全文