如何使用HTML搜索框搜索谷歌?

时间:2014-12-31 18:06:21

标签: html search-engine google-search

最近,我一直在用html编写一个应该搜索Google的页面。我有一个搜索框和一个按钮,但我想知道从Google获取结果并将其显示在我的页面上的最有效方法。如果有人知道,如果他们帮助我,我会很高兴。

{编辑}

这只是我正在研究的一个小项目。更具体地说,我想在搜索框中键入的内容从www.google.com/search获取,然后在下方显示Google搜索的结果。

2 个答案:

答案 0 :(得分:1)

答案&演示

您可以为自己的网站创建custom google search engine,按照步骤操作,然后获取代码并将其粘贴到div标记内的body内。这是一个JSFiddle,其中有一个例子(site:stackoverflow.com)。

然后,您可以在编辑搜索菜单中的外观标签中修改引擎的显示方式。

How to edit the looks of a custom search engine

希望这有帮助,祝你好运! :)

答案 1 :(得分:0)

所以你说你想要一个带有单个输入和提交按钮的HTML页面。

当用户在输入中输入文本然后按提交你想要发生什么?

我看到两种基本方法。

  1. 将搜索字符串作为参数传递给URL,以便可以使用javascript使下一页知道它。然后使用xmlhttprequest从谷歌中获取数据并执行document.write将信息呈现给用户: example
  2. 在页面中插入带有一些ID的Div,然后使用submit的onclick属性启动一个AJAX调用,该调用从Google获取数据,然后将其插入到div的innerHTML中,而无需多页。
  3. [UPDATE}

    在研究之后,似乎XMLHttpRequest将无法与谷歌合作,而且API是可行的方式。 source