如何创建你的百Google度！！（实现双搜索引擎页面）

news/2025/11/18 21:12:55/文章来源:https://www.cnblogs.com/angelicaYQ/p/19234460

创建双搜索引擎页面

百Google度的网站被封了，但！！！这不影响我们创建属于自己的双搜索引擎页面！

提前准备
找到你想添加的俩个搜索引擎对应的URI 和它预先定义用于存储搜索关键词的参数名。

打开你想要的搜索引擎的网页，在当前搜索引擎里输入“关键词”，点击搜索，然后观察上面的网址，一般“？”前出现的是对应的【URI】，“&”的后面到你输入的“关键词”前，是当前搜索引擎预定义的【参数名】

一些示例（e.g.）：

【360】https://www.so.com/s q
【搜狐】https://search.sohu.com/s keyword
【百度】https://www.baidu.com/s wd
【Microsoft Bing】https://cn.bing.com/search q
等等等等等~~~

下面代码统一以【Microsoft Bing】和【360】为例：

Part.One HTML结构实现

点击查看代码

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>双搜索引擎</title>
</head>
<body><h1>Bing & 360 双搜索</h1><!-- 用户输入区域 --><input id="searchInput" /><input type="button" onclick="performSearch()" value="双搜"/><!-- 搜索引擎表单 --><form name="bingForm" action="https://cn.bing.com/search" target="leftFrame"><input type="hidden" name="q"/>         </form><form name="soForm" action="https://www.so.com/s" target="rightFrame"><input type="hidden" name="q"/></form><!-- 结果展示区域 --><iframe name="leftFrame" style="height: 1000px;width: 50%;"></iframe><iframe name="rightFrame" style="height: 1000px;width: 50%;"></iframe>
</body>
</html>

Part.Two JavaScript交互逻辑

点击查看代码

<script type="text/javascript">
function performSearch(){// 获取用户输入的搜索词var searchText = document.getElementById("searchInput").value;// 将搜索词赋给两个表单的隐藏字段document.bingForm.q.value = searchText;document.soForm.q.value = searchText;// 同时提交两个表单document.bingForm.submit();document.soForm.submit();
}
</script>

回顾：设计思路

分析页面的核心需求：
1. 一个输入框接收用户搜索词
2. 一个触发搜索的按钮
3. 两个隐藏表单分别对应不同搜索引擎
4. 两个iframe展示搜索结果

OK那么我们就完成了百Google度的创建了！撒花！！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/969350.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

P7152 [USACO20DEC] Bovine Genetics G

首先有一个 \(O(n^2)\) 的 dp。设计状态 \(f_{i,0/1/2/3}\) 表示前 \(i\) 个字符以 \(A,C,G,T\) 中哪一个结尾的方案数。 \(f_{i,x}=\sum_j \sum_y f_{j,y}w(i,j,x,y)\)