javascript - 同时搜索两个网站并将结果并排显示在一页上

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

我正在修改代码，编写一个搜索表单来同时搜索 Google 和 MyWebsite，然后在一个页面上并排显示来自 Google 的结果和来自 MyWebsite 的结果。 (我不需要比较结果)

这是我的代码:

// to be placed in the head of my page
<script type="text/javascript">
  function dosearch() {
    var sf=document.searchform;
    var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
    window.location.href = submitto;
    return false;
  }
</script>

// to be placed where I want the search box to appear
<form name="searchform" onSubmit="return dosearch();">
  Search:
  <select name="sengines">
    <option value="http://www.google.com/search?q=" selected>Google</option>
    <option value="http://www.mywebsite.com/search?q=">MyWebsite</option>
  </select>
  For:
  <input type="text" name="searchterms">
  <input type="submit" name="SearchSubmit" value="Search">
</form>

上面的代码允许我使用 Google 或 MyWebsite 依次执行搜索(不是同时)，并且结果显示在除搜索表单之外的不同页面上。

我真正想做的是。

1. 不再局限于一次选择一个搜索引擎，我想要复选框同时选择两个搜索引擎时间。
2. 输入一个搜索词即可从两个搜索中获取结果同时使用引擎并排显示在同一页面上 iframe或者更好的东西。

这是一个link to an image of what I am looking for .

Answer 1

编辑:深入研究后，您无法*对大多数搜索引擎执行此操作，因为它们会阻止 iframe。
_{*技术上有解决方法，但它们超出了这个问题的范围。
(最简单的方法是创建一个与页面相呼应的 php 页面。询问 google)}

<小时/>

假设两个搜索都使用 URL 变量来获取查询，您可以执行以下操作:

var search1 = document.createElement("iframe");
search1.src = "http://www.asearch.com?q=" + query;
var search2 = document.createElement("iframe");
search2.src = "http://www.anothersearch.com?query=" + query;

document.body.appendChild(search1);
document.body.appendChild(search2);

您必须弄清楚每个搜索引擎的工作原理并分别更改 ?q=。

最终结果:

// JavaScript
function dosearch() {
  var query = document.getElementById("query").value
  
  if (document.getElementById("search1").checked) {
    var search1 = document.getElementById("res1");
    search1.src = "http://www.asearch.com?q=" + query;
  }
  if (document.getElementById("search2").checked) {
    var search2 = document.getElementById("res2");
    search2.src = "http://www.anothersearch.com?q=" + query;
  }
}

<!-- HTML -->
Search: 
A Search <input type="checkbox" id="search1" checked> 
Another Search <input type="checkbox" id="search2"><br>
For: <input type="text" id="query"><br>
<input type="submit" value="Search" onclick="dosearch();"><br>
<iframe id="res1"><iframe id="res2">