Google AJAX 搜索 API实现代码

190 阅读 0 评论 126 点赞

我是靠谱客的博主魁梧砖头，最近开发中收集的这篇文章主要介绍Google AJAX 搜索 API实现代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Google AJAX 搜索 API
文档：http://code.google.com/intl/zh-CN/apis/websearch/docs/

复制代码代码如下:

<!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() { 
//搜索设置 
var options = new google.search.SearcherOptions(); 
//当搜索结果为空时显示内容 
options.setNoResultsString('查询结果为空！'); 

//搜索控件实例化 
var searchControl = new google.search.SearchControl(); 
//每次显示8个搜索结果（取值范围：1-8） 
searchControl.setResultSetSize(8); 

//网页搜索 
var siteCnblogs = new google.search.WebSearch(); 
//标头 
siteCnblogs.setUserDefinedLabel("脚本之家"); 
//样式后缀名 
siteCnblogs.setUserDefinedClassSuffix("jb51"); 
//站点限制 
siteCnblogs.setSiteRestriction("uoften.com"); 
searchControl.addSearcher(siteCnblogs, options); 

//局部搜索 
var siteZjfree = new google.search.WebSearch(); 
siteZjfree.setUserDefinedLabel("素材搜索"); 
siteZjfree.setSiteRestriction("sc.uoften.com"); 
searchControl.addSearcher(siteZjfree, options); 

//全网搜索 
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(); 
//地图中心标记 测试时可使用“大雁塔” 
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); 

//执行搜索查询 
searchControl.execute("google api"); 
} 

//框架加载完成后调用 
google.setOnLoadCallback(OnLoad); 
</script> 
</head> 
<body> 
<div id="searchcontrol"> 
加载中... 
</div> 
</body> 
</html>