一键搜索多个搜索引擎

已于 2022-10-11 21:54:34 修改
阅读量4.1k 收藏 10
点赞数 3
分类专栏： 前端 文章标签： html
于 2022-10-08 21:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44032384/article/details/127203821
版权

功能说明：

1、并列展示常用的搜索引擎；
2、一键打开搜索页面，快人一步；
3、自动在浏览器一个新窗口中，一键打开多个目标网站，同时搜索；

一、并列展示常用搜索引擎

效果图：

在这里插入图片描述

源码

<html>

<head></head>
<title>聚合搜索</title>

<body>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <div>
        <form name="searchForm">
            <input id="input" name="searchInput" style="width:33%; height:30; font-size: 15px;"  type="text" value="" onchange ="search()" />
            <input id="input2"  type="text" value=""  style="display:none"/>
            <!-- <button type="button"  style="height:30; font-size: 15px;" οnclick="search()">搜索</button> -->
            <button type="button"  style="height:30; font-size: 15px;" onclick="searchByWuzhui()">无追</button>
            <button type="button"  style="height:30; font-size: 15px;" onclick="searchByBaidu()">百度</button>
            <button type="button"  style="height:30; font-size: 15px;" onclick="searchByGoogle()">google</button>
            <button type="button"  style="height:30; font-size: 15px;" onclick="searchByStackoverflow()">stackoverfolw</button>
            <button type="button"  style="height:30; font-size: 15px;" onclick="searchByGithub()">github</button>
        </form>
    </div>
    <iframe id="biyin" src="https://cn.bing.com/?FORM=BEHPTB" width="33%" height="100%" style="float: left;"></iframe>
    <iframe id="kaifabaidu" src="https://kaifa.baidu.com/" width="33%" height="100%" style="float: left;" ></iframe>
    <iframe id="baidu" src="https://www.sogou.com" width="33%" height="100%" style="float: left;" ></iframe>

    <script>
          // 入口函数：从url中获取参数，进行第一次的自动搜索
          $(function(){
                $("#input").val(getUrlParam("q"));
                search();
           });

          // 光标定位到搜索输入框
           window.onload = function(){
	            $('#input').focus();
            };
           function search(){
                $("#baidu").attr("src",  "https://www.sogou.com/web?query=" + $("#input").val());
                $("#biyin").attr("src",  "https://cn.bing.com/search?q=" + $("#input").val());
                $("#kaifabaidu").attr("src",  "https://kaifa.baidu.com/searchPage?wd=" + $("#input").val());
           };
           function searchByWuzhui(){
            window.open("https://www.wuzhuiso.com/s?q=" + $("#input").val());
           };
           function searchByBaidu(){
            window.open("https://www.baidu.com/s?wd=" + $("#input").val());
           };
           function searchByGoogle(){
            window.open("https://www.google.com.hk/search?q=" + $("#input").val());
           };
           function searchByStackoverflow(){
            window.open("https://stackoverflow.com/search?q=" + $("#input").val());
           };
           function searchByGithub(){
            window.open("https://github.com/search?q=" + $("#input").val());
           };

           //获取url中的参数
          function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return decodeURI(r[2]); return null; //返回参数值
          };

    </script>

</body>
</html>

设置浏览器地址栏输入内容回车一键搜索（可忽略）

举例：chrome浏览器
在这里插入图片描述

二、windows脚本：输入关键字直接打开目标网站的搜索页面

效果图

在这里插入图片描述

脚本代码（我用的是chrome浏览器）

新建文本文档，复制脚本内容后，修改文件后缀为 .bat 保存即可

set /p var=
start chrome gaode.com/search?query=%var%

三、一键打开多个搜索引擎（在新的浏览器窗口，独立标签页打开各个目标网站）

效果图

在这里插入图片描述

脚本代码

同上，在一个脚本里打开多个目标网站搜索页面即可，这个可以自行整理，分享一下我自用的一个脚本吧

set /p var=
start chrome -startup-window 

sc stop OracleOraDb10g_home1TNSListener
ping -n 2 127.0.0.1>nul
sc start OracleOraDb10g_home1TNSListener

start chrome -startup-window baidu.com/s?wd=%var%
start chrome bing.com/search?q=%var%
start chrome https://www.zhihu.com/search?q=%var%
start chrome https://search.bilibili.com/all?keyword=%var%
start chrome https://www.douyin.com/search/%var%
start chrome https://www.wuzhuiso.com/s?q=%var%
start chrome https://www.google.com.hk/search?q=%var%

其中依次是百度、必应、知乎、B站、抖音、无追、谷歌

一壶明月
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
轻松同时使用或切换多个搜索引擎
这个博客已搬家请移步
11-15 5016
如果你发现在搜索引擎间来回切换是一件很麻烦的事情，虽然主流浏览器都支持自己添加搜索引擎，在URL栏或专用搜索栏搜索，但总不如人意。 不过，也有跨浏览器的，内建了几十个我们常用的搜索引擎（也包括查词、购物、娱乐等搜索），并且可在不同浏览器之间导出和导入自定义搜索引擎数据的方法。 而且是浏览器扩展插件、网页版免安装使用两种形式。但要用扩展才能轻松使用连续点击搜索的特性。 看看当前它的内建引擎收录状况： 中英混搭部分 ????General: Bing | Google | Yahoo Search | Yan
磁力搜索引擎，一键获取你想要的资源！
最新发布
04-05
磁力搜索引擎的核心功能包括搜索资源、提供磁力链接、支持多平台和快速下载。它可以根据资源类型、大小、评分等条件进行筛选，还可以根据用户的搜索历史和喜好推荐相关资源。此外，磁力搜索引擎还提供了种子质量的...
12个整合搜索引擎网站
中国IT精华录
04-21 6742
 搜索引擎朝两个完全不同的方向发展着，一方面有越来越多千奇百怪的垂直搜索引擎，另一方面，整合型的搜索引擎也不断冒出，各自满足着不同需求的用户。YohogoYohogo不同于很多其他的All-in-One式搜索引擎，它并没有提供传统的All-in-One式搜索 功能，一次在众多的引擎搜索，而是让用户自行选择所想要的搜索引擎，分别进行搜索。Yohogo提供了10大类的搜索引擎，每种都分别收
别忘搜索：可用谷歌、百度等多个搜索引擎同时搜索
weixin_30781775的博客
05-10 1353
ps：大家都搜一个自己感兴趣的试试 别忘搜索致力于提升用户的搜索效率和搜索准确度。 别忘搜索力求带给用户一个干净、高效、安全的搜索体验。 特色一、默认采用双栏布局（右上角可以设置，最多四栏），呈现多个搜索引擎的结果，最大化的利用屏幕空间，让用户的每一次搜索更加高效、全面。 特色二、可以使用GOOGLE搜索，无需任何设置。 特色三、精心筛选出用户常用的十几种搜索场景（例如学术、影视、磁力站...
多种搜索引擎结合在一起的实时搜索工具
05-31
• 聚合搜索网页 谷歌 百度 雅虎 必应 搜搜 有道 搜狗 • 聚合搜索问答 百度知道 搜搜问问 新浪爱问 雅虎知识
多个搜索引擎搜索，快人一步
科技小北
04-14 2291
MoMo智能搜索 支持多个搜索引擎搜索，快速切换。 百度、谷歌、Bing、秘迹搜索、CSDN 一、搜索网址 momo智能搜索https://www.itmm.wang/search 二、效果预览 百度 谷歌 Bing 秘迹 CSDN 三、Chrome设置 设置默认搜索和地址栏搜索 点击Chrome右上角“...” → 选择...
MultiSearch | 多引擎搜索
weixin_30311605的博客
02-05 257
分类: 杂类工具版本: 0.0.1发布日期: 2016-02-05 一键调用多个搜索引擎进行搜索。 功能简介 支持添加任意多个搜索引擎 支持搜索引擎的启用、禁用 支持搜索引擎编辑、排序 支持其他程序后台调用 支持自动保存搜索关键字 下载 下载地址1下载地址2（a377） 转载于:https://www.cnblogs.com/easy...
多搜 - 多个网站一起搜 (舆情监控版)
weixin_33742618的博客
08-20 1081
  多搜- 多个网站一起搜(舆情监控版) （2011.10   v1.3）     多搜，顾名思义就是对多个网站同时进行搜索，这样你就不用在不同网站间转换。多搜目前集成了百度,谷歌,雅虎,必应,搜搜,搜狗,有道,即刻,盘古等九大搜索引擎和百度贴吧,天涯,猫扑,奇虎论坛搜索,即刻论坛搜索,搜搜论坛搜索,中搜论坛搜索等七大论坛搜索。另外可定制其它搜索引擎，网站，论坛，博客等。   多搜不...
八克小说搜索引擎.7z
03-21
1. 一站式服务：用户无需记住多个小说网站，只需一个搜索引擎，即可满足所有阅读需求。 2. 时间效率：通过精准的搜索和排序，用户可以迅速找到目标小说，节省大量寻找时间。 3. 安全可靠：避免了用户直接访问可能...
qBittorrent搜索引擎插件.zip
04-01
qBittorrent的搜索插件就是利用Python的灵活性和可扩展性，编写出能够连接到多个种子搜索引擎的代码，实现从搜索引擎中抓取种子信息并自动导入到qBittorrent的任务队列。 这些插件的工作流程大致如下： 1. 用户...
多重搜索 可实现多个搜索引擎的利用
07-12
集成了十多个搜索引擎，实现快速搜索。简单易用！
javascript 多种搜索引擎集成的页面实现代码
01-21
－ 输入一个关键词，鼠标点击后面的搜索引擎链接，即可进入到该引擎的页面 － 如果输入关键词后敲回车，则使用默认搜索引擎，而每选择新的搜索引擎，默认引擎也会随之改变 － 自动记忆上次使用的搜索引擎，后面添加* 源代码如下，使用了多种IE/FF的适应办法： 代码如下:<html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <style type=”text/css”> <!– .normal {font-family: “Verdana”,”Arial”;font-size:14px} .
4大搜索引擎的登陆HTML代码
12-07
4大搜索引擎的登陆代码 4大搜索引擎的登陆代码 4大搜索引擎的登陆代码
超强的聚合搜索引擎代码
12-07
超强的聚合搜索代码，内含多种搜索。是做站最好的搭配。
超级网搜(SuperSearch) - 3.6版，一次关键字输入，多个引擎同时搜索，提高搜索效率，减少解决问题的时间
boom's works
03-18 3077
超级网搜(SuperSearch) - 3.6版本放出。 介绍免费、快速、高效的多引擎搜索工具，拥有数十个搜索引擎和详细的搜索分类。主要功能和特点如下： 一次关键字输入，多个引擎同时搜索，提高搜索效率，减少解决问题的时间 内置支持数十个搜索引擎，并有详细分类 支持自定义搜索引擎配置，用户
简约多引擎搜索网页小工具
wetens 'blog
09-10 966
html+css+js制作的多引擎网页搜索工具，简约无广告，集成百度，搜狗，必应，360搜索引擎，复制粘贴到html文件中即可使用。
一个同时在多个网站搜索的代码，集成化搜索
一枚爱吃橙子的在校工科生！
08-21 289
我们总是需要在各个网站之间来回切换，花费大量的时间和精力进行搜索。但是现在有了这个代码，我们只需要在一个地方输入关键词，它就能同时在多个网站进行搜索！这不仅节省了时间，也提高了效率。
把织梦DedeCms的搜索框，改为整合各大搜索引擎的多功能搜索框！
毛兴宇
07-25 2400
不要朋友使用织梦DedeCms搭建网站的时候，希望在搜索框里面能整合各大搜索引擎，通过下面方面可以整合各大搜索引擎。 编辑打开模板文件 head.htm，把与之间的代码，替换为以下代码： <form name=bf *****ubmit=""bottomForm();return false;""> <script> function bottomForm(){ var $=docume
帮我用前端写一个搜索框
08-20
### 回答1： 好的，我会尽力帮你。首先，在 HTML 中创建一个搜索框的方式是使用 `<input>` 标签，并为其添加 `type="search"` 属性，例如： ```html <form> <input type="search" placeholder="请输入搜索内容"> </form> ``` 这样，你就有了一个基本的搜索框。但是，你可能还希望为搜索框添加一个提交按钮，让用户可以点击提交按钮进行搜索。 你可以使用 `<button>` 标签来创建一个提交按钮，例如： ```html <form> <input type="search" placeholder="请输入搜索内容"> <button type="submit">搜索</button> </form> ``` 现在，你就有了一个基本的搜索框和提交按钮。但是，你可能还希望在用户点击提交按钮时执行一些操作，例如将搜索内容发送到后端服务器进行搜索。 你可以使用 JavaScript 来实现这一点。首先，在 HTML 中为表单添加 `id` 属性，例如： ```html <form id="search-form"> <input type="search" placeholder="请输入搜索内容"> <button type="submit">搜索</button> </form> ``` 然后，在 JavaScript 中使用 `document.getElementById` 方法获取表单元素，并为其的 `submit` 事件添加一个事件处理函数，例如： ### 回答2： 当然可以帮您用前端写一个搜索框。搜索框是一个常见的网页元素，用于让用户输入关键字搜索相关内容。在前端开发中，我们可以使用HTML、CSS和JavaScript来创建和实现一个搜索框。 首先，在HTML文件中，我们可以使用`<input>`标签来创建一个文本输入框，同时使用一个`<button>`按钮来触发搜索操作。可以为输入框和按钮设置相应的id用于后续操作。 然后，在CSS文件中，我们可以为输入框和按钮设置样式，如设置宽度、边框样式等，以使其更符合网页设计的要求。 接下来，在JavaScript文件中，我们可以使用事件监听器来监听用户对按钮的点击操作。当用户点击按钮时，我们可以获取输入框中的关键字，然后使用此关键字执行相应的搜索操作。 例如，我们可以使用JavaScript中的`addEventListener()`来添加一个点击事件监听器。当用户点击按钮时，触发该事件，并调用一个函数来处理搜索操作。在该函数中，我们可以使用`document.getElementById()`获取输入框的值，并执行相应的搜索逻辑。 最后，我们可以在网页中引入这些文件，并将搜索框添加到需要的位置。这样，用户就可以在输入框中输入关键字，点击按钮进行搜索。 总结起来，创建一个搜索框需要使用HTML、CSS和JavaScript三种技术，通过创建输入框和按钮，设置样式，并使用事件监听器实现搜索功能。希望以上说明对您有所帮助。 ### 回答3： 当然可以帮您写一个前端的搜索框。 首先，我们可以创建一个HTML文件，然后在文件中使用<form>标签创建一个表单，设置method属性为"GET"或"POST"，并指定action属性为一个服务器端处理搜索请求的URL。然后在表单内创建一个<input>标签，设置type属性为"text"，用于接收用户输入的搜索关键字。 接下来，我们可以为搜索框添加一些样式，如设置宽度、边框等。我们可以使用CSS来完成这一任务，为<form>标签和<input>标签添加对应的class或id属性，并在CSS文件中设置相应的样式。 然后，我们可以使用JavaScript来实现搜索功能。在表单中的<input>标签中添加一个onsubmit事件，当用户点击搜索按钮时触发。我们可以在JavaScript文件中编写一个事件处理函数，该函数获取用户输入的关键字，并将其作为参数发送到服务器端的URL，然后接收服务器端返回的搜索结果。 最后，我们可以在HTML文件中引入CSS文件和JavaScript文件，确保样式和功能正常加载。您可以通过运行这个HTML文件来测试搜索框的效果。 综上所述，以上是一个简单的前端搜索框的实现方法。当然，具体实现方式还可以根据需求进行调整和扩展。希望以上回答对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值