Google AJAX 搜索 API实现代码


Posted in Javascript onNovember 17, 2010

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("3water"); 
//站点限制 
siteCnblogs.setSiteRestriction("3water.com"); 
searchControl.addSearcher(siteCnblogs, options); 
//局部搜索 
var siteZjfree = new google.search.WebSearch(); 
siteZjfree.setUserDefinedLabel("素材搜索"); 
siteZjfree.setSiteRestriction("sc.3water.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>
Javascript 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
在javascript中对于DOM的加强
Apr 11 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
javascript倒计时效果实现
Nov 12 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
微信小程序 Buffer缓冲区的详解
Jul 06 Javascript
Javascript实现时间倒计时效果
Jul 15 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
Aug 20 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
Vue父组件监听子组件生命周期
Sep 03 Javascript
jQuery阻止冒泡和HTML默认操作
Nov 17 #Javascript
菜鸟学习JavaScript小实验之函数引用
Nov 17 #Javascript
return false,对阻止事件默认动作的一些测试代码
Nov 17 #Javascript
javascript利用初始化数据装配模版的实现代码
Nov 17 #Javascript
javascript拓展DOM操作 prependChild insertAfert
Nov 17 #Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 #Javascript
Json对象替换字符串占位符实现代码
Nov 17 #Javascript
You might like
PHP安装攻略:常见问题解答(一)
2006/10/09 PHP
php实现留言板功能
2017/03/05 PHP
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
150行Node.js实现的dns代理工具
2019/08/02 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
Python爬虫动态ip代理防止被封的方法
2019/07/07 Python
python修改文件内容的3种方法详解
2019/11/15 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
安装pyecharts1.8.0版本后导入pyecharts模块绘图时报错: “所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 ”的解决方法
2020/08/18 Python
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
市场营销专科应届生求职信
2013/11/24 职场文书
2014学年自我鉴定
2014/02/23 职场文书
党员2014两会学习心得体会
2014/03/17 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
工会换届选举方案
2014/05/21 职场文书
身边的榜样活动方案
2014/08/20 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
六查六看六改心得体会
2014/10/14 职场文书
酒店工程部岗位职责
2015/02/12 职场文书
2015年董事长秘书工作总结
2015/07/23 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis