若要使用 Google AJAX Search API
必須先申請 Google 密鑰
使用方式
<html>
  <head>
    <title>Google AJAX Search API</title>
    <script src="http://www.google.com/jsapi?key=[Key]" type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
       // 載入 Google AJAX Search API (參數 1 - Google API 代碼, 參數 2 - 版本)
        google.load("search", "1");

        function OnLoad() {
            // 建立搜尋控制容器
            var searchControl = new google.search.SearchControl();
            // 新增搜尋器
            // 網頁搜尋
            searchControl.addSearcher(new google.search.WebSearch());
            //影片搜尋      
            searchControl.addSearcher(new google.search.VideoSearch());
            //部落格搜尋
            searchControl.addSearcher(new google.search.BlogSearch());
            // 將搜尋結果顯示在網頁中 其中 searchcontrol 為 div (區塊) 名稱 此名稱必須相符
            searchControl.draw(document.getElementById("searchcontrol"));
            // 設定預設搜尋項目 即預設開啟時搜尋 Google
            searchControl.execute("Google");
        }

      //載入頁面時執行OnLoad函式
        google.setOnLoadCallback(OnLoad);
    </script>
  </head>
  <body>
    <div id="searchcontrol">Loading...</div>
  </body>
</html>

參數
     - [Key] Google 密鑰 一定要填入才可使用

執行畫面

文章標籤
全站熱搜
創作者介紹
創作者 流風羽 的頭像
流風羽

流風羽的部落格

流風羽 發表在 痞客邦 留言(0) 人氣(257)