如何实现html内部搜索功能？

学期作业，目标是用一个搜索框来实现

比如说我有另一个已经做好的网页名叫1.html，我在另一个html中的搜索框中搜索“1”，他就可以跳转到1.html里面

有办法可以实现吗

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

5条回答默认最新

CSDN专家-天际的海浪 2021-05-23 17:22

关注

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
</head>
<body>
<input type="text" id="searchtext" />
<input type="button" value="搜索" onclick="searchfunc();" />
<script type="text/javascript">
function searchfunc() {
	var str = document.getElementById("searchtext").value;
	location.href = str + ".html";
}
</script>
</body>
</html>

本回答被题主选为最佳回答 , 对您是否有帮助呢?