Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 返回上一页面并刷新

作者:噬血啸月   发布日期:2025-11-04   浏览:12

// 使用 JavaScript 返回上一页面并刷新

// 方法 1: 使用 history.back() 和 location.reload()
function goBackAndReload() {
    // 返回上一页面
    history.back();
    // 在页面卸载事件中刷新页面
    window.onpageshow = function(event) {
        if (event.persisted) {
            window.location.reload();
        }
    };
}

// 方法 2: 使用 history.go(-1) 和 location.reload()
function goBackAndReloadAlt() {
    // 返回上一页面
    history.go(-1);
    // 在页面卸载事件中刷新页面
    window.onpageshow = function(event) {
        if (event.persisted) {
            window.location.reload();
        }
    };
}

// 调用其中一个方法即可实现返回并刷新
// goBackAndReload();
// 或者
// goBackAndReloadAlt();

解释说明:

  • history.back()history.go(-1) 都可以用来返回浏览器历史记录中的上一个页面。
  • window.onpageshow 事件会在页面显示时触发,event.persisted 属性用于判断页面是否是从缓存中加载的。如果是从缓存加载的,则调用 location.reload() 刷新页面。
  • 这两种方法都可以实现返回上一页面并刷新的效果,可以根据具体需求选择使用。

上一篇:js array清空

下一篇:js 返回上一页

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站