使用jQuery实现页面刷新后运行其他脚本的问题

原有代码无法实现需求有两个核心问题：

1. 语法错误：点击事件的回调函数定义多写了一个右括号，$("a[id='gobutton']").click(function(e)) 中的多余括号会导致代码直接报错无法运行。
2. 逻辑错误：location.reload() 触发页面重载后，当前页面的所有JS运行时上下文会被直接销毁，写在reload之后的somefunc()根本没有执行机会就被清空了。

通过 sessionStorage 存储临时标记实现需求：点击按钮时先写入执行标记，再触发页面刷新；页面加载完成后读取标记，判断存在则执行目标函数，执行完成后清除标记避免后续重复触发。

完整可运行代码如下：

// 页面DOM加载完成后执行初始化逻辑
$(function() {
  // 读取刷新后执行的标记
  const needRunFunc = sessionStorage.getItem('runAfterReload');
  if (needRunFunc === '1') {
    // 先清除标记，保证仅本次刷新执行函数
    sessionStorage.removeItem('runAfterReload');
    somefunc();
  }

  // 绑定按钮点击事件
  $("a#gobutton").click(function(e) {
    // 阻止a标签默认跳转行为，避免干扰刷新逻辑
    e.preventDefault();
    // 写入执行标记
    sessionStorage.setItem('runAfterReload', '1');
    // 触发页面刷新
    location.reload();
  });
});

function somefunc() { 
  alert("run my script"); 
}

• 选择sessionStorage存储标记是因为它的生命周期和标签页绑定，关闭标签后标记自动清除，不会持久残留污染存储
• 执行目标函数前先清除标记，确保只有点击按钮后的首次刷新会执行函数，普通刷新不会重复触发
• 新增e.preventDefault()是为了避免a标签自带的href跳转逻辑和刷新逻辑冲突，保证功能稳定

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