前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >几行代码实现谷歌百度搜索对比

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

原创
作者头像
用户1503405
修改2021-10-08 15:25:08
3580
修改2021-10-08 15:25:08
举报
文章被收录于专栏:棒棒小飞人

<!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>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档