如何实现书签小工具：跳转网页并等待加载后操作下拉菜单

问题根源 #

你之前的两种写法都犯了同一个核心错误：

• 第一种脚本里，先执行window.location.href跳转页面，当前页面的脚本会立即终止，后续添加的DOMContentLoaded监听根本不会在新页面中生效——新页面是全新的浏览器上下文，当前页面的代码已经被销毁。
• 第二种脚本里，把跳转和设置代码都放在window.onload里，但跳转后，后面的设置代码根本不会执行：页面跳转后，当前脚本的执行就停止了，新页面不会继承当前页面的onload回调。

正确解决方案 #

要让设置代码在新页面加载完成后执行，需要在新页面的上下文里运行代码。这里提供两种可靠的实现方式：

方式1：打开新窗口并监听加载事件 #

这种方式会在新标签页打开目标页面，等待页面加载完成后设置下拉选项，还会触发下拉列表的change事件（很多页面需要这个事件才会触发过滤逻辑）：

javascript: (function() {
  // 打开目标页面并获取新窗口对象
  const targetWindow = window.open("https://URL");
  
  // 监听新窗口的加载完成事件
  targetWindow.addEventListener('load', function() {
    // 加小延迟确保动态加载的元素已就绪
    setTimeout(() => {
      // 设置第一个下拉选项
      const dropdown1 = targetWindow.document.getElementsByName('Dropdown1')[0];
      if (dropdown1) {
        dropdown1.value = "Pending";
        dropdown1.dispatchEvent(new Event('change'));
      }
      
      // 设置第二个下拉选项
      const dropdown2 = targetWindow.document.getElementsByName('Dropdown2')[0];
      if (dropdown2) {
        dropdown2.value = "Submitted";
        dropdown2.dispatchEvent(new Event('change'));
      }
    }, 500);
  });
})();

方式2：在当前页面跳转后，用轮询等待元素就绪 #

如果不想打开新窗口，而是在当前标签页跳转，可以用setInterval轮询元素是否存在，确保元素加载完成后再设置选项：

javascript: (function() {
  // 跳转到目标页面
  window.location.href = "https://URL";
  
  // 创建脚本标签，注入到当前页面（跳转前），新页面加载时会执行轮询逻辑
  const injectScript = document.createElement('script');
  injectScript.textContent = `
    const checkAndSetDropdowns = setInterval(() => {
      const dropdown1 = document.getElementsByName('Dropdown1')[0];
      const dropdown2 = document.getElementsByName('Dropdown2')[0];
      
      if (dropdown1 && dropdown2) {
        // 设置选项并触发change事件
        dropdown1.value = "Pending";
        dropdown1.dispatchEvent(new Event('change'));
        
        dropdown2.value = "Submitted";
        dropdown2.dispatchEvent(new Event('change'));
        
        // 完成后清除轮询
        clearInterval(checkAndSetDropdowns);
      }
    }, 200);
  `;
  document.body.appendChild(injectScript);
})();

关键注意点 #

• 一定要触发change事件：很多网页的下拉列表需要这个事件来触发过滤逻辑，只设置value可能不会生效。
• 加入延迟或轮询：部分页面的下拉列表是动态加载的（比如通过AJAX），直接在load事件后设置可能找不到元素，轮询或短延迟能解决这个问题。

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