如何用Javascript实现跳转页面后自动点击目标页按钮的功能？

方案1：同域场景父窗口直接控制（无额外用户操作，优先选） #

如果你的页面1与目标页面2符合同源策略（协议、域名、端口完全一致），可直接通过父页面持有子窗口引用，轮询检测子页面加载状态后触发点击，代码示例如下：

// 请自行替换目标页面地址和按钮选择器
const targetPageUrl = '你的目标页面2地址';
const disableBtnSelector = 'button:contains("Disable")'; // 可根据实际DOM结构调整
const childWin = window.open(targetPageUrl, '_blank');

// 轮询检测子页面加载状态
const checkTimer = setInterval(() => {
  try {
    if (childWin.document.readyState === 'complete') {
      const targetBtn = childWin.document.querySelector(disableBtnSelector);
      if (targetBtn) {
        targetBtn.click();
        clearInterval(checkTimer);
        // 按需添加操作完成后的逻辑，比如关闭子窗口、父页面提示等
      }
    }
  } catch (err) {
    clearInterval(checkTimer);
    console.error('跨域限制无法操作子页面，请换用其他方案');
  }
}, 200);

限制说明：该方案仅适用于同域场景，跨域时浏览器会禁止父页面读取子页面DOM内容，触发权限报错。

方案2：跨域场景使用书签脚本（轻量无开发成本） #

如果页面1与目标页面2跨域，且你没有目标页面的修改权限，可以给高级用户提供一键书签脚本，使用方式如下：

• 右键浏览器书签栏，选择「添加网页/添加书签」
• 名称自定义为「自动点击Disable按钮」，地址栏填入以下代码后保存

javascript:(function(){const btn=document.querySelector('input[value="Disable"],button');btn&&btn.click();alert(btn?"已触发Disable操作":"未找到目标按钮，请确认页面已登录")})();

用户后续打开目标页面后，点击该书签即可自动执行按钮点击操作，无需手动找按钮。

方案3：跨域场景使用浏览器扩展（全自动化，适合高频操作） #

如果需要完全自动执行、不需要用户手动点击书签，可以开发轻量浏览器扩展：

• 扩展申请目标站点的访问权限后，内容脚本可直接操作目标页面DOM
• 页面1可以通过消息机制通知扩展打开目标页面，扩展监听到目标页面加载完成后自动触发点击逻辑
  适合需要高频重复操作该流程的场景，用户安装一次扩展即可永久使用。

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