HTML页面加载后跳转Bing并自动填充输入框问题求助

你的代码无法实现文本填充的核心原因有三个：

• 通过<a>点击跳转到Bing后，原页面的脚本会立即终止执行，无法对新加载的Bing页面进行任何DOM操作
• displayResult函数存在语法错误（多了一个闭合的}）
• 即使不跳转，当前页面里也不存在sb_form_q这个元素，调用document.getElementById("sb_form_q")会返回null，自然无法设置值

方案1：利用Bing的URL搜索参数（最简单可靠） #

Bing支持直接通过URL参数传递搜索内容，跳转时把搜索词拼在URL里，页面加载后会自动填充到搜索框中。修改后的代码如下：

<!DOCTYPE html>
<html>
<body>
<script>
// 直接跳转到带搜索参数的Bing页面
window.location.href = "https://bing.com/search?q=TEST";
</script>
</body>
</html>

方案2：通过浏览器扩展实现（若必须用脚本操作DOM） #

如果一定要通过脚本主动填充输入框，受浏览器跨域安全限制，普通网页无法操作不同域名下的页面DOM，你需要开发一个浏览器扩展：

• 在扩展的manifest.json中声明对https://bing.com/*的权限
• 编写内容脚本，在Bing页面加载完成后自动查找sb_form_q元素并设置值

示例内容脚本代码：

// 等待页面完全加载
window.addEventListener('load', function() {
  const searchInput = document.getElementById('sb_form_q');
  if (searchInput) {
    searchInput.value = 'TEST';
    // 可选：自动触发搜索
    // searchInput.form.submit();
  }
});

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