消息
创作中心
morglzhu 2021-05-23 09:16 采纳率: 50%
浏览 524
已采纳

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

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

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

有办法可以实现吗

  • 写回答

5条回答 默认 最新

  • CSDN专家-天际的海浪 2021-05-23 09: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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    CSDN专家-天际的海浪 2021-05-23 09:24

    如果对你有帮助，可以点击我这个回答右上方的【采纳】按钮，给我个采纳吗，谢谢。

    赞
    回复
查看更多回答(4条)
编辑
预览

报告相同问题？

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区，与千万技术人共成长

专业的中文 IT 技术社区，与千万技术人共成长

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

 客服 返回
顶部