书签中JavaScript跳转页面后无法勾选复选框及点击按钮的问题求助

嘿，这个问题我太熟了！你遇到的核心问题是页面跳转后，原来的书签脚本上下文直接失效了——当你调用window.location.assign()之后，浏览器会立即开始加载新页面，原来的脚本进程会被直接终止，后面勾选复选框和点击按钮的代码根本没机会在新页面上运行。这就是为什么手动在目标页面运行代码没问题，但书签里一起执行就失效的原因。

下面给你两种针对性的解决方案：

情况1：目标页面和当前页面同域（同一域名） #

这种情况下可以用window.open加载页面，并在新页面加载完成后直接注入操作代码：

javascript:(function() {
  // 替换成你的目标URL
  const targetUrl = "https://your-target-url.com";
  // 打开新窗口加载目标页面
  const newTab = window.open(targetUrl);
  
  // 监听新页面加载完成事件
  newTab.addEventListener('load', function() {
    // 执行复选框勾选和按钮点击操作
    newTab.document.getElementById("checkbox 1").checked = true;
    newTab.document.getElementById("checkbox 2").checked = true;
    newTab.document.getElementById("okButton").click();
  });
})();

情况2：目标页面和当前页面不同域（跨域） #

浏览器的同源策略会阻止我们直接操作其他域名的页面，这时候可以换个思路：让书签脚本在目标页面加载后自动触发操作。我们给目标URL添加一个哈希标记，脚本通过检查这个标记来决定是否执行操作：

javascript:(function() {
  const targetUrl = "https://your-target-url.com";
  const autoRunMarker = "#auto-execute";
  
  // 如果当前页面不是目标页面，跳转到带标记的URL
  if (!window.location.href.startsWith(targetUrl)) {
    window.location.href = targetUrl + autoRunMarker;
  } else {
    // 如果当前页面是目标页面且带有标记，执行操作
    if (window.location.hash === autoRunMarker) {
      // 等待DOM完全构建完成再执行（避免元素还没加载）
      document.addEventListener('DOMContentLoaded', function() {
        document.getElementById("checkbox 1").checked = true;
        document.getElementById("checkbox 2").checked = true;
        document.getElementById("okButton").click();
        // 移除哈希标记，避免刷新页面重复执行
        window.history.replaceState(null, null, window.location.pathname + window.location.search);
      });
    }
  }
})();

使用这个脚本时，第一次点击书签会跳转到带#auto-execute标记的目标页面，页面加载完成后会自动执行操作；如果已经在目标页面点击书签，也会直接触发操作。

额外小提示 #

• 确认元素的id完全正确：比如你写的"checkbox 1"包含空格，要确保页面上的元素id确实是这个值（虽然不推荐id带空格，但如果页面原生就是这么定义的就没问题）。
• 如果页面加载较慢，优先用DOMContentLoaded事件代替load事件，它会在DOM构建完成后立即触发，不需要等待图片等资源加载完毕，执行时机更早。

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