如何用JavaScript实现页面仅自动刷新一次（无需按钮）

持续刷新的问题根源是每次页面加载都会重新执行刷新代码，因此需要一个持久化标记来判断是否已经完成过刷新操作。以下是两种可靠的解决方案：

方案一：使用SessionStorage（推荐） #

利用会话存储保存刷新状态，会话结束（关闭标签页/浏览器）后标记会自动清除，适合单次访问内仅刷新一次的需求：

// 在目标页面的脚本中添加
if (!sessionStorage.getItem('pageRefreshed')) {
  // 标记已触发过刷新
  sessionStorage.setItem('pageRefreshed', 'true');
  // 按需设置延迟时间，这里是1秒后刷新
  setTimeout(() => {
    location.reload();
  }, 1000);
}

原理 #

第一次加载页面时，sessionStorage中无标记，因此设置标记并执行刷新；刷新后页面重新加载，此时标记已存在，跳过刷新逻辑。

方案二：使用URL参数标记 #

通过在URL中添加参数来判断是否已刷新，无需依赖存储，但会修改页面URL：

const params = new URLSearchParams(window.location.search);
if (!params.has('refreshed')) {
  // 拼接带参数的新URL
  const newUrl = `${window.location.origin}${window.location.pathname}?refreshed=true`;
  setTimeout(() => {
    window.location.href = newUrl;
  }, 1000);
}

原理 #

首次加载时URL无refreshed参数，跳转到带参数的URL实现刷新；再次加载时检测到参数存在，不再执行刷新。

根据你的需求选择方案：如果在意URL整洁性，优先选SessionStorage方案；如果需要兼容禁用存储的环境，可选择URL参数方案。

内容的提问来源于stack exchange，提问作者Collin1312