Google AJAX 搜索 API实现代码

本文介绍如何利用 Google AJAX 搜索 API 构建自定义搜索引擎,并提供了完整的 HTML 和 JavaScript 示例代码。通过设置不同的搜索类型如网站、博客、视频等,实现多样化的搜索功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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("jb51.net"); 
searchControl.addSearcher(siteCnblogs, options); 

//局部搜索 
var siteZjfree = new google.search.WebSearch(); 
siteZjfree.setUserDefinedLabel("素材搜索"); 
siteZjfree.setSiteRestriction("sc.jb51.net"); 
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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值