LoadinG

JavaScript 实现返回上一与刷新页面代码大全示例

本文阅读 1 分钟
首页 程序代码 正文

返回上一页代码:

// 使用 history.back() 方法
<a href="window.history.back();">返回上一页</a>
// 或者使用 history.go(-1) 方法
<a href="javascript:history.go(-1)">返回上一页</a>

刷新当前页面代码:

// 使用 location.reload() 方法
<a href="window.location.reload();">刷新当前页面</a>
// 或者使用 location.href 方法
<a href="window.location.href = window.location.href;">刷新当前页面</a>

返回上一页并刷新代码:

// 返回上一页并刷新
<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>

// 或使用
// 返回上一页并刷新
window.history.back();
setTimeout(function() {
    window.location.reload();
}, 100); // 延迟100毫秒以确保页面已经返回

使用按钮触发:

<button onclick="goBack()">返回上一页</button>
<button onclick="refreshPage()">刷新页面</button>

<script>
function goBack() {
    window.history.back();
}

function refreshPage() {
    window.location.reload();
}
</script>

这些代码可以帮助你在网页中实现返回上一页和刷新页面的功能。根据具体需求选择合适的方法即可。

文章采用:署名-非商业性使用-相同方式知识共享 署名 4.0 协议国际版 (CC BY-NC-SA 4.0) 许可协议授权。
免责声明:本页面资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系客服并出示版权证明以便删除。
分享
自媒体盈利策略:公域流量与私域流量的选择与优化
« 上一篇 12-03
Linux 系统缓存与日志清除命令汇总大全
下一篇 » 12-03

发表评论 Comment

您必须 后才能发表评论哦~
昵称
请输入您的昵称
邮箱
输入QQ邮箱可获取头像
网址
可通过昵称访问您网站
快捷回复: 验证码:
让大家也知道你的独特见解
已有 0 条评论

动态快讯

热门文章

QQ客服:3236485 QQ群号:530123520

在线时间:09:00-18:00

扫描二维码

联系官方客服微信号

扫描二维码

关注官方微信公众号

{"error":400,"message":"over quota"}