Google AJAX 搜索 API

链接:

使用Google Custom Search打造站内搜索

 

文档: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 site = new google.search.WebSearch();
			//标头
			site.setUserDefinedLabel("Javaeye");
			//样式后缀名
			site.setUserDefinedClassSuffix("javaeye");
			//站点限制
			site.setSiteRestriction("www.iteye.com");
			searchControl.addSearcher(site, options);

			//局部搜索
			var part = new google.search.WebSearch();
			part.setUserDefinedLabel("JustCoding");
			part.setSiteRestriction("justcoding.iteye.com");
			searchControl.addSearcher(part, 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>
 

 

访问:http://code.google.com/intl/zh-CN/

申请地址:https://www.google.com/accounts/NewAccount

获取API key:http://code.google.com/intl/zh-CN/apis/loader/signup.html

 

API列表:http://code.google.com/intl/zh-CN/more/

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(JavaScript,Ajax,框架,css,Google)