管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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("");

　　//站点限制

　　siteCnblogs.setSiteRestriction("glzy8.com");

　　searchControl.addSearcher(siteCnblogs, options);

　　//局部搜索

　　var siteZjfree = new google.search.WebSearch();

　　siteZjfree.setUserDefinedLabel("素材搜索");

　　siteZjfree.setSiteRestriction("sc.glzy8.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>

教程首页 更多教程