Google AJAX 搜索 API實(shí)現(xiàn)代碼
更新時(shí)間：2010年11月17日 21:31:57 作者：
Google AJAX 搜索 API實(shí)現(xiàn)代碼，需要的朋友可以參考下。
Google AJAX 搜索 API
文檔：http://code.google.com/intl/zh-CN/apis/websearch/docs/
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>Google AJAX 搜索 API</title>
<style type="text/css">
#searchcontrol .gsc-control
{
width: 100%;
}
#searchcontrol .gsc-result-cnblogs .gs-title
{
color:Red;
}
</style>
<script src="https://www.google.com/jsapi?key=ABQIAAAAWUT8aaIj9mtqQa087LjVOhTPB5B7LRDljl2Cr4-
JwBNft1mFrRRmR1RoYEUCZCj0dtS2gIc8Al4-VA"
type="text/javascript"></script>
<script language="Javascript" type="text/javascript">
google.load("search", "1");
function OnLoad() {
//搜索設(shè)置
var options = new google.search.SearcherOptions();
//當(dāng)搜索結(jié)果為空時(shí)顯示內(nèi)容
options.setNoResultsString('查詢結(jié)果為空！');
//搜索控件實(shí)例化
var searchControl = new google.search.SearchControl();
//每次顯示8個(gè)搜索結(jié)果（取值范圍：1-8）
searchControl.setResultSetSize(8);
//網(wǎng)頁(yè)搜索
var siteCnblogs = new google.search.WebSearch();
//標(biāo)頭
siteCnblogs.setUserDefinedLabel("腳本之家");
//樣式后綴名
siteCnblogs.setUserDefinedClassSuffix("jb51");
//站點(diǎn)限制
siteCnblogs.setSiteRestriction("jb51.net");
searchControl.addSearcher(siteCnblogs, options);
//局部搜索
var siteZjfree = new google.search.WebSearch();
siteZjfree.setUserDefinedLabel("素材搜索");
siteZjfree.setSiteRestriction("sc.jb51.net");
searchControl.addSearcher(siteZjfree, options);
//全網(wǎng)搜索
searchControl.addSearcher(new google.search.WebSearch(), options);
//添加博客搜索
searchControl.addSearcher(new google.search.BlogSearch(), options);
//添加視頻搜索
searchControl.addSearcher(new google.search.VideoSearch(), options);
//添加新聞搜索
searchControl.addSearcher(new google.search.NewsSearch(), options);
//添加圖片搜索
searchControl.addSearcher(new google.search.ImageSearch(), options);
//添加本地地圖搜索
var localSearch = new google.search.LocalSearch();
//地圖中心標(biāo)記 測(cè)試時(shí)可使用“大雁塔”
localSearch.setCenterPoint("西安,鐘樓");
searchControl.addSearcher(localSearch, options);
//繪制搜索
var drawOptions = new google.search.DrawOptions();
drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED);
searchControl.draw(document.getElementById("searchcontrol"), drawOptions);
//執(zhí)行搜索查詢
searchControl.execute("google api");
}
//框架加載完成后調(diào)用
google.setOnLoadCallback(OnLoad);
</script>
</head>
<body>
<div id="searchcontrol">
加載中...
</div>
</body>
</html>
您可能感興趣的文章:
- ASP.NET搭配Ajax實(shí)現(xiàn)搜索提示功能
- php+ajax實(shí)時(shí)輸入自動(dòng)搜索匹配的方法
- ThinkPHP實(shí)現(xiàn)ajax仿官網(wǎng)搜索功能實(shí)例
- 如何讓搜索引擎抓取AJAX內(nèi)容解決方案
- jquery創(chuàng)建一個(gè)ajax關(guān)鍵詞數(shù)據(jù)搜索實(shí)現(xiàn)思路
- php+ajax做仿百度搜索下拉自動(dòng)提示框(有實(shí)例)
- asp+ajax仿google搜索提示效果代碼
- asp.net和ajax實(shí)現(xiàn)智能搜索功能代碼
- 基于ajax的簡(jiǎn)單搜索實(shí)現(xiàn)方法
相關(guān)文章
下面小編就為大家?guī)?lái)一篇淺談JS中的常用選擇器及屬性、方法的調(diào)用。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
微信小程序?qū)崿F(xiàn)列表?xiàng)l件篩選
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)列表?xiàng)l件篩選，篩選框的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
原生JS實(shí)現(xiàn) MUI導(dǎo)航欄透明漸變效果
透明漸變導(dǎo)航是一種解決滾動(dòng)條通頂?shù)淖兺ǚ桨?。這篇文章主要介紹了原生JS實(shí)現(xiàn) MUI導(dǎo)航欄透明漸變效果,需要的朋友可以參考下2017-11-11
Bootstrap模態(tài)框（Modal）實(shí)現(xiàn)過(guò)渡效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)框（Modal）實(shí)現(xiàn)過(guò)渡效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript中cookie工具函數(shù)封裝的示例代碼
這篇文章給大家主要介紹了JavaScript中cookie工具函數(shù)的封裝，文中給出了詳細(xì)的實(shí)現(xiàn)步驟和示例代碼，相信會(huì)對(duì)大家的理解很有幫助，有需要的朋友們下面來(lái)一起看看吧。2016-10-10
JS DOMReady事件的六種實(shí)現(xiàn)方法總結(jié)
下面小編就為大家?guī)?lái)一篇JS DOMReady事件的六種實(shí)現(xiàn)方法總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
微信小程序 JS動(dòng)態(tài)修改樣式的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于微信小程序JS動(dòng)態(tài)修改樣式的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
原生js實(shí)現(xiàn)addClass,removeClass,hasClass方法
這篇文章主要介紹了原生js實(shí)現(xiàn)addClass,removeClass,hasClass方法和使用原生JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能,需要的朋友可以參考下2016-04-04
這篇文章介紹了jquery uploadify 上傳文件，有需要的朋友可以參考一下2013-11-11
uniapp實(shí)現(xiàn)左右聯(lián)動(dòng)商品分類頁(yè)面
一個(gè)電商的app,商品的展示是必不可少的,聯(lián)動(dòng)分類展示是很常見(jiàn)的,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)左右聯(lián)動(dòng)商品分類頁(yè)面的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06