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

绝地灬酷狼 2022-12-20 01:27 161阅读 0赞

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

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

![24c895603a545ce1feaccff765ab23bf.png][]

### 代码： ###

<!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/][http_huangenet.gitee.io_baigoogledu]

[24c895603a545ce1feaccff765ab23bf.png]: /images/20221120/a6bb24bdce874492934bff46666b4732.png
[http_huangenet.gitee.io_baigoogledu]: http://huangenet.gitee.io/baigoogledu/