如何用jQuery/JavaScript实现页面刷新后执行操作？代码失效求助

你的代码之所以失效，核心原因很简单：location.reload()会立刻重启整个页面，这行代码之后的$('#another-button').trigger("click")根本没机会运行——页面一刷新，当前的JavaScript上下文就直接销毁了。

要实现"刷新后执行操作"，我们需要在刷新前给页面留一个"暗号"，等页面重新加载完成后，读取这个暗号再执行目标操作。最常用的方案就是利用浏览器的本地存储来做这个标记，具体实现如下：

第一步：点击按钮时设置标记并刷新 #

当用户点击#some-button时，先在本地存储里存一个标记，然后再刷新页面：

$('#some-button').click(function() {
  // 存入标记，告诉刷新后的页面要触发按钮点击
  localStorage.setItem('needTriggerButton', 'yes');
  // 执行页面刷新
  location.reload();
});

第二步：页面加载后检查标记并执行操作 #

等页面重新加载完成后，在$(document).ready()里检查这个标记，如果存在就触发按钮点击，然后记得把标记删掉（避免下次刷新重复执行）：

$(document).ready(function() {
  const triggerFlag = localStorage.getItem('needTriggerButton');
  if (triggerFlag === 'yes') {
    // 触发目标按钮的点击事件
    $('#another-button').trigger('click');
    // 清除标记，防止后续刷新重复触发
    localStorage.removeItem('needTriggerButton');
  }
});

额外说明 #

• 如果你希望这个标记只在当前浏览器会话有效（关闭浏览器后自动消失），可以把localStorage换成sessionStorage，用法完全一样。
• 一定要确保#another-button在页面加载完成后已经渲染完成，所以把检查逻辑放在$(document).ready()里是最稳妥的。
• 千万别忘了清除标记！不然每次刷新页面都会自动触发按钮点击，这大概率不是你想要的效果。

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