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 相关文章推荐
javascript 可以拖动的DIV(二)
Jun 26 Javascript
jquery easyui的tabs使用时的问题
Mar 23 Javascript
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 Javascript
Javascript获取统一管理的提示语(message)
Feb 03 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
在Uni中使用Vue的EventBus总线机制操作
Jul 31 Javascript
Vue通过provide inject实现组件通信
Sep 03 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 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数组操作
2011/12/30 PHP
浅析php适配器模式(Adapter)
2014/11/25 PHP
php实现图片上传并利用ImageMagick生成缩略图
2016/03/14 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
json跟xml的对比分析
2008/06/10 Javascript
JavaScript的eval JSON object问题
2009/11/15 Javascript
JS在IE和FF下attachEvent,addEventListener学习笔记
2009/11/26 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
2020/03/25 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
python创建线程示例
2014/05/06 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
Python算法中的时间复杂度问题
2019/11/19 Python
python删除某个目录文件夹的方法
2020/05/26 Python
英国女士和男士时尚服装网上购物:Top Labels Online
2018/03/25 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
大学校运会广播稿
2014/02/03 职场文书
小学感恩教育活动总结
2014/07/07 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
大专毕业生自我鉴定范文(2篇)
2014/09/27 职场文书
2015年团支书工作总结
2015/04/03 职场文书
上课讲话检讨书范文
2015/05/07 职场文书
结婚典礼致辞
2015/07/28 职场文书
2019企业给员工的慰问信
2019/06/24 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
世界文化遗产导游词
2019/08/07 职场文书
Spring Bean是如何初始化的详解
2022/03/22 Java/Android