几行代码实现谷歌百度搜索对比

想写一个谷歌百度搜索结果对比的工具,发现谷歌无法套用框架,于是简单写了个弹窗对比,需要的可以试试

当然你还可以添加更多搜索引擎

 

 代码:#

复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>谷百对比</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $(".btn").click(function(event) {
            var w = window.screen.availWidth
            var h = window.screen.availHeight;
            var p = $(".p").val();
            window.open("https://www.google.com/search?hl=zh&q=" + p, "_blank", "toolbar=no, location=no, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=no, width=" + w / 2 + ",left=" + w / 2 + ", height=" + h);
            window.open("https://www.baidu.com/s?ie=utf-8&word=" + p, "_blank", "toolbar=no, location=no, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=no, width=" + w / 2 + ",left=0, height=" + h);
        });
    });
    </script>
</head>

<body>
    <input class="p" type="text" value="" placeholder="谷歌百度对比搜索">
    <input class="btn" type="button" value="点击搜索">
</body>

</html>
复制代码

Demo#

http://huangenet.gitee.io/baigoogledu/

posted @   木子欢儿  阅读(146)  评论(0编辑  收藏  举报
编辑推荐:
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
· 对象命名为何需要避免'-er'和'-or'后缀
阅读排行:
· “你见过凌晨四点的洛杉矶吗?”--《我们为什么要睡觉》
· 编程神器Trae:当我用上后,才知道自己的创造力被低估了多少
· C# 从零开始使用Layui.Wpf库开发WPF客户端
· 开发的设计和重构,为开发效率服务
· C# - 获取枚举描述 - 使用增量源生成器
历史上的今天:
2019-11-09 C语言当中int,float,double,char这四个有什么区别?
2019-11-09 【C语言】scanf()输入浮点型数据
2019-11-09 【C语言】一元二次方程(求实根和虚根)
点击右上角即可分享
微信分享提示
主题色彩