google search

最新推荐文章于 2025-03-12 09:51:13 发布

原创最新推荐文章于 2025-03-12 09:51:13 发布 · 679 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Google #JavaScript #Ajax #XHTML #HTML #ViewUI

本文展示了一个使用Google AJAX Search API构建的简单网页搜索应用。该应用针对网站iteye.com进行了定制化的搜索设置，通过调整样式使搜索结果更加美观，并采用Tabbed模式展示搜索选项卡。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hello World - Google AJAX Search API Sample</title>
<style>
#searchcontrol .gs-result .gs-webResult { width : 1024px; }
#searchcontrol .gs-webResult .gs-title { width : 1024px; }
#searchcontrol a.gs-title, a.gs-title * { color : red; }

#searchcontrol .gs-webResult .gs-snippet { width : 1024px; }
</style>

      // Set the Local Search center point

   var drawOptions = new google.search.DrawOptions();

  // tell the searcher to draw itself in linear mode
  drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED);
      // tell the searcher to draw itself and tell it where to attach
      searchControl.draw(document.getElementById("searchcontrol"),drawOptions);

      // execute an inital search
    }
    google.setOnLoadCallback(OnLoad);
    </script>
</head>
<body>
  <div id="searchcontrol">

</div>
</body>
</html>