表单制作成功后通过按钮实现跳转页面JS
时间: 2024-02-19 18:57:54 浏览: 165
基于JS实现操作成功之后自动跳转页面
以下是一个简单的JS代码示例,实现了表单提交成功后通过按钮跳转到指定页面的功能:
```javascript
// 获取提交按钮元素
var submitBtn = document.getElementById("submit-btn");
// 监听按钮的点击事件
submitBtn.addEventListener("click", function() {
// 执行表单提交操作,此处省略不写
// ...
// 页面跳转到指定页面
window.location.href = "success.html";
});
```
在上面的代码中,通过`document.getElementById`函数获取提交按钮元素,然后通过`addEventListener`函数监听按钮的点击事件。在事件处理函数中,首先执行表单的提交操作,然后使用`window.location.href`实现页面跳转功能,将当前页面跳转到指定的URL(此处为`success.html`)。需要在HTML文件中添加一个ID为`submit-btn`的提交按钮元素。
阅读全文