打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
利用google的接口在网站嵌入搜索

   这是利用google的开放的接口做的一个搜索功能,虽然http://code.google.com/apis/ajaxsearch/samples.html上有很多例子,但都会显示出google的标志,就不能随心所欲的嵌入自己网站,我这个例子里不会有其他的标志,你还可以修改代码添加你想要的功能和效果。
   如果要运行这个代码你需要先到http://code.google.com/apis/ajaxsearch/signup.html申请一个key替换代码"key=你在GOOGLE上申请到的KEY"中的key后的参数,就可运行了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
</head>
<body>
    <div>

        <script src="//www.google.com/uds/api?file=uds.js&v=1.0&key=你在GOOGLE上申请到的KEY"
            type="text/javascript"></script>

        <script type="text/javascript">
function OnSearchLoad(searchStr)
{
  // Create a search control
    var searchControl = new GSearchControl();
    var options = new GsearcherOptions();
    options.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);
    var WebSearch = new GnewsSearch();
    searchControl.addSearcher(WebSearch,options);
    WebSearch.setSearchCompleteCallback(this,GetResult,[WebSearch]);
    //searchControl.addSearcher(new GblogSearch(),options);      这是blog搜索
    //searchControl.addSearcher(new GnewsSearch(),options);     这是资讯搜索  还有其他好多类,可以查看google的api
    searchControl.setResultSetSize(GSearch.LARGE_RESULTSET);    //显示多少个,只能是4个和8个。。。。。。。

    searchControl.draw(document.getElementById("searchcontrol"));
    searchControl.execute(searchStr);
  }
    //GSearch.setOnLoadCallback(OnLoad);
function Search()
{
    OnSearchLoad(document.all.searchKey.value);
}

function GetResult(searcher)
{
    //返回结果,可以个性化的设置
    var strContent = "";
    if( searcher.results && searcher.results.length>0)
    {
    for(var i=0;i<searcher.results.length;i++)
    {
        var result = searcher.results[i];
        strContent += "<br />"+result.title+"<br />来自:"+result.publisher+" <a href='"+result.unescapedUrl+"'>"+result.unescapedUrl+"</a><br />" +result.content+"<br />——"+result.publishedDate +"<br />";
       
    }
    }
    document.all.Div1.innerHTML = strContent;
}
        </script>

        关键词:
        <input type="text" id="searchKey" /> <span onclick="Search()">搜索</span>
        <div id="searchcontrol" style="display: none;">
        </div>
        <div id="Div1">
        </div>
    </div>
</body>
</html>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
使用js动态的修改div和span标记中的文本内容_紫龙龙子
jQuery计算两个文本框中数字之和
鼠标拖动层(可任意绑定DIV标签)的两种实现方法
PHP登录表单例程
向内部添加函数:append(),prepend(),appendTo(),prependTo()
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服