首页 > 网站制作
一言推荐::D 获取中...

Google自定义搜索使用(二)

网站制作/ 2018-05-16/

前面一片文章写了个大概的介绍。Google自定义搜索使用 接下来看具体修改 

新建search.htm文件,放在根目录。google自定义搜索结果如下:

<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'zh-CN'});
  google.setOnLoadCallback(function(){
        var customSearchControl = new google.search.CustomSearchControl('018292499979169916629:d1f_pnslyi4');
        customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
        customSearchControl.draw('cse');
        var match = location.search.match(/q=([^&]*)(&|$)/);
本文来自oleou

        if(match && match[1]){
            var search = decodeURI(match[1]);           

            customSearchControl.execute(search);
        }
    });
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />

其他格式自己动手做。美化也就暂时不说了。

然后在做<from>***</from>这个搜索框,核心代码如下:

<div class="searchbox" style="padding-top:5px;">
<form method="get" action="http://www.gansuw.com/search.htm" accept-charset="utf-8">
  <input type="text" size="24" name="q" value="搜索文章...." class="textfield" style="float:left" onblur="if (this.value == '') {this.value = '搜索文章....';}" onfocus="if (this.value != '') {this.value = '';}"/> o l e o u.com
  <input type="hidden" value="UTF-8" name="ie"/>
  <input class="submitSearch" type="submit" value="Search"></input>
  <input name="iehack" type="hidden" value="&#9760;" />
</form>
</div>

说明:上面红色部分解决在某些浏览下面,搜索中文不显示,搜索英文正常的问题

TAGS:

打赏 点赞
邮箱
验证码
昵称

TAGS:

上一篇:简洁的tab
下一篇:路由器端口映射