百家搜索：在网站中添加Google、百度等搜索引擎

客官°小女子只卖身不卖艺 2022-08-13 15:48 186阅读 0赞

来源：[http://www.ido321.com/1143.html][http_www.ido321.com_1143.html]

看到一些网站上添加了各种搜索引擎。如Google、百度、360、有道等，就有点好奇，这个怎么实现？研究了一各个搜索引擎怎么传送关键字，找到了小窍门，于是乎，自家弄了一个百家搜索：

效果：

![Center][]

演示地址戳此：[http://sousuodaquan.sinaapp.com/][http_sousuodaquan.sinaapp.com]

ps：**在列表中添加了糯米汇（**[**http://www.nuomihui.com**][http_www.nuomihui.com]**）的站内搜索，仅用于演示，别无它用，特此声明。**

HTML代码：

<div class="sdiv">
            <form id="sform" method="get" target="_blank" action="http://www.baidu.com/s">
                <div class="mains">
                    <ul id="selectul">
                        <li id="selectedli" style="background-color: white;">百度</li>
                        <li>百度</li>
                        <li>谷歌</li>
                        <li>必应</li>
                        <li>有道</li>
                        <li>搜搜</li>
                        <li>搜狗</li>
                        <li>360</li>
                        <li>爱淘宝</li>
                        <li>亚马逊</li>
                        <li>当当</li>
                        <li>知道</li>
                        <li>维基</li>
                        <li>Crea</li>
                        <li class="lastli">糯米汇</li>
                        
                    </ul>
                    <input type="text" name="wd" id="findParam"/>
                </div>
                <input type="submit" value="搜索" id="btn" />
            </form>
            <h4 style="margin-left:100px">出处：<a href="http://www.ido321.com/" target="_blank">淡忘~浅思</a></h4>
        </div>

JavaScript：

window.onload = function()
            {
                var selectul = document.getElementById('selectul');
                var lis = selectul.getElementsByTagName('li');
                var selectedli = document.getElementById('selectedli');
                var findParam = document.getElementById('findParam');
                var sform = document.getElementById("sform");
                var lislen = lis.length;
                for (var i = 0; i < lislen; i++) {
                    lis[i].οnmοuseοver=function()
                    {
                        selectul.style.overflow = "visible";
                    };
                    lis[i].οnmοuseοut=function()
                    {
                        selectul.style.overflow = "hidden";
                    };
                    lis[i].onclick = function()
                    {
                        selectedli.innerHTML = this.innerHTML;
                        switch(this.innerHTML)
                        {
                            case "百度":
                                 findParam.name='wd';
                                 sform.action = "http://www.baidu.com/s";
                                 break;
                            case "谷歌":
                                 findParam.name='q';
                                  sform.action = "http://www.google.com.hk/search";
                                 break;
                            case "必应":
                                 findParam.name='q';
                                  sform.action = "http://cn.bing.com/search";
                                 break;
                            case "有道":
                                 findParam.name='query';
                                  sform.action = "http://www.sogou.com/web";
                                 break;
                            case "搜搜":
                                 findParam.name='w';
                                  sform.action = "http://www.soso.com/q";
                                 break;
                            case "搜狗":
                                 findParam.name='q';
                                  sform.action = "http://www.youdao.com/search";
                                 break;
                            case "360":
                                 findParam.name='q';
                                  sform.action = "http://www.youdao.com/search";
                                 break;
                            case "爱淘宝":
                                 findParam.name='key';
                                  sform.action = "http://ai.taobao.com/search/index.htm";
                                 break;
                             case "亚马逊":
                                 findParam.name='field-keywords';
                                  sform.action = "http://www.amazon.cn/s/ref=nb_sb_noss";
                                 break;
                             case "当当":
                                 findParam.name='key';
                                  sform.action = "http://search.dangdang.com/";
                                 break;
                             case "知道":
                                 findParam.name='word';
                                  sform.action = "http://zhidao.baidu.com/search";
                                 break;
                             case "维基":
                                 findParam.name='search';
                                  sform.action = "ttp://zh.wikipedia.org/w/index.php";
                                 break;
                             case "Crea":
                                 findParam.name='q';
                                  sform.action = "http://search.creativecommons.org/";
                                 break;
                             case "糯米汇":
                                 findParam.name='s';
                                  sform.action = "http://www.nuomihui.com/";
                                 break;
                        }
                        selectul.style.overflow = "hidden";
                    };    
                };
            };

下一篇：[关于坛友的一个布局问题的解答][Link 1]

[http_www.ido321.com_1143.html]: http://www.ido321.com/1143.html
[Center]: /images/20220810/af4618fc43094869867ebd9863fe271c.png
[http_sousuodaquan.sinaapp.com]: http://sousuodaquan.sinaapp.com/
[http_www.nuomihui.com]: http://www.nuomihui.com
[Link 1]: http://www.ido321.com/1147.html

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关在页面中嵌入百度搜索框

呈现效果如下：![07003][] 实现代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

迈不过友情╰/ 2023年08月17日 17:27/ 0 赞/ 158 阅读

相关百度搜索排名优化和SEO搜索引擎优化

文章目录一、前文二、原理和简介三、站内优化 3.1 网站地图生成 3.2 关键字密度检测四、站外优化

╰半夏微凉°/ 2022年10月11日 15:58/ 0 赞/ 306 阅读

相关百度空间迁入新家百度云

这两天，每当打开百度空间的首页，想要编写新的文章，都会跳出一个窗口，显示：断，如果说生命的旅程从头到尾都是一场决断，你需要判断的仅仅在于，决断是否美好。这次，百度

雨点打透心脏的1/2处/ 2022年08月20日 01:30/ 0 赞/ 257 阅读

相关百家搜索：在网站中添加Google、百度等搜索引擎

来源：[http://www.ido321.com/1143.html][http_www.ido321.com_1143.html] 看到一些网站上添加了各种搜索引擎

客官°小女子只卖身不卖艺/ 2022年08月13日 15:48/ 0 赞/ 187 阅读

相关百度SEO，让百度蜘蛛抓取自己网站

[1、百度站长平台：搜索引擎抓取系统概述（一）][1] [2、百度站长平台：搜索引擎抓取系统概述（二）][2] [3、spider抓取过程中的策略][3_spid

古城微笑少年丶/ 2022年06月12日 11:24/ 0 赞/ 343 阅读

相关网站的SEO优化（提高搜索引擎收录，类似百度）

[文章word文档][word] 一、简介搜索引擎优化（SEO），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为二、前

清疚/ 2022年06月02日 06:42/ 0 赞/ 365 阅读

相关如何让自己的网站快速被百度搜索引擎搜索到

提交链接后一般百度在48小时内就会邮件答复你，如果申请成功的话，大家就能够更容易地搜索到你了。 (百度最晚一个月可以找到你博客，因为百度的搜索是每隔36天更新一次的)

￡神魔★判官ぃ/ 2022年05月19日 00:10/ 0 赞/ 251 阅读

相关网站的文章怎么才能让百度等搜索引擎快速收录?

原文地址：[https://www.jb51.net/yunying/487673.html][https_www.jb51.net_yunying_487673.html]

冷不防/ 2022年05月13日 08:16/ 0 赞/ 247 阅读

相关百度搜索框

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <tit

旧城等待，/ 2022年05月06日 03:58/ 0 赞/ 369 阅读

相关百度 VS Google in 百度 and Google

看 [GOOGLE的黑板报][GOOGLE]，说有一种关于GOOGLE搜索的游戏，叫“ [Googlefight][] ”。突然有兴趣看看百度 VS GOOGLE 在中国

水深无声/ 2022年01月13日 17:57/ 0 赞/ 205 阅读