html 按钮返回上一页
时间: 2023-07-05 07:09:09 浏览: 143
可以使用以下代码来创建一个按钮,使其返回到前一页:
```
<button onclick="goBack()">返回</button>
<script>
function goBack() {
window.history.back();
}
</script>
```
当用户点击按钮时,`goBack()` 函数将会执行,它调用 `window.history.back()` 方法,使页面返回到前一页。
相关问题
js点击按钮返回上一页并刷新
要实现点击按钮返回上一页并刷新页面,你可以使用以下的 JavaScript 代码:
```javascript
function goBackAndRefresh() {
// 返回上一页
history.back();
// 刷新页面
location.reload();
}
```
然后,在你的按钮元素上,添加一个点击事件,调用这个函数即可:
```html
<button onclick="goBackAndRefresh()">返回并刷新</button>
```
这样,当用户点击这个按钮时,页面会返回上一页并刷新。
Jquery 怎么实现点击按钮返回上一页
可以使用 jQuery 的 `click()` 方法来绑定按钮的点击事件,然后使用 `history.back()` 方法返回上一页。代码示例如下:
```html
<button id="back-btn">返回上一页</button>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#back-btn').click(function() {
history.back();
});
});
</script>
```
当用户点击按钮时,页面会自动返回上一页。注意,如果用户在浏览器中直接输入网址进入页面,没有前一页记录,此时点击按钮是无效的。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)