如何创建一个搜索框，在多个选项卡中打开来自不同搜索引擎的多个搜索结果

How to create a search box that open multiple search results from different search engines in multiple tabs?

本文关键字：搜索引擎 搜索结果 创建 何创建 一个 搜索 选项      更新时间：2023-09-26

我需要一个搜索框和一个提交按钮，将打开我的输入在多个选项卡作为从多个搜索引擎的搜索结果。谢谢。

您描述的方法不需要使用Ajax。

Ajax用于从web加载数据并更新用户所在页面的部分，使用Ajax您可以更新页面而无需移动到新页面。

由于您要求打开新选项卡，因此Ajax与此无关。

<html>
<head>
<script type="text/javascript">
function performSearch() {
    var searchTerm = encodeURIComponent(document.getElementById('searchField').value);
    window.open('http://www.google.com/search?q=' + searchTerm, 'new_window_1');
    window.open('http://search.yahoo.com/search?p=' + searchTerm, 'new_window_2');
    // open more tabs here ...
}
</script>
</head>
<body>
<input id="searchField" type="text" />
<input type="button" value="click me" onclick="performSearch();" />
</body>
</html>

你能告诉我如何使搜索栏在按回车键后执行搜索吗?

快捷方式:

如果我们把我们的文本字段作为一个实际的HTML表单的一部分，并让我们的javascript函数在用户提交表单时运行——这将导致该函数在用户单击文本字段内的enter时运行，因为在表单的一部分文本框内单击enter会提交表单。

<html>
<head>
<script type="text/javascript">
function performSearch() {
    var searchTerm = encodeURIComponent(document.getElementById('searchField').value);
    window.open('http://www.google.com/search?q=' + searchTerm, 'new_window_1');
    window.open('http://search.yahoo.com/search?p=' + searchTerm, 'new_window_2');
    // open more tabs here ...
}
</script>
</head>
<body>
<form onsubmit="performSearch(); return false;">
<input id="searchField" type="text" />
<input type="submit" value="click me" />
</form>
</body>
</html>

现在按钮输入的类型是'submit'，所以当用户单击按钮时，表单应该被提交，并且我们在表单上有一个事件处理程序- 'onsubmit' -当用户单击按钮或在搜索字段内按enter键时运行。我们添加了'return false;'，这样在函数运行之后什么都不会发生——表单实际上不会被提交(因为当你提交表单时，你通常会在某处发送信息，这里我们不这样做，它就像一个伪表单)。

您需要使用ajax和抓取的内容发送查询字符串使用GET方法，并显示在div或任何你想要的!

当我搜索AJAX Micro Mini Lib时，谷歌将我重定向到http://www.google.co.in/search?q=ajax+micro+mini&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a现在把那些你不想要的东西都省略掉http://www.google.co.in/search?q=encodeURIComponent (searchString)

现在使用AJAX Micro Mini或jQuery或任何东西来获取页面内容，你可以使用AJAX Micro Mini[如果你知道PHP或ASP或JSP…]]，因为它带有一些简单的例子

相关文章：