html做搜索功能,如何在html页面中实现查找功能

本文介绍了如何使用HTML和JavaScript在页面上实现搜索功能。通过获取输入关键字,替换匹配内容并高亮显示,同时提供了焦点移动的逻辑,允许用户在搜索结果中上下浏览。
摘要由CSDN通过智能技术生成

详细内容

5e676328aaa7b443.jpg

前台效果:

1583833968543481.png

html

查找:

相关教程推荐:html教程

js

var oldKey0 = "";

var index0 = -1;var oldCount0 = 0;

var newflag = 0;

var currentLength = 0;

function wordSearch(flg) {

var key = $("#key").val(); //取key值

if (!key) {

return; //key为空则退出

}

getArray();

focusNext(flg);

}

function focusNext(flg) {

if (newflag == 0) {//如果新搜索,index

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值