Google AJAX 搜索 API

Posted on 2010-11-12 22:34 PHP-张工阅读(3879) 评论(1) 编辑收藏举报

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("cnblogs");
            //站点限制
            siteCnblogs.setSiteRestriction("www.cnblogs.com");
            searchControl.addSearcher(siteCnblogs, options);
 
            //局部搜索
            var siteZjfree = new google.search.WebSearch();
            siteZjfree.setUserDefinedLabel("自由自在");
            siteZjfree.setSiteRestriction("www.cnblogs.com/zjfree");
            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>