在HTML页面中完成查找功能

最近搞了很多人改变了框架，看到代码每天都看到头晕，但感觉进步相当大，做后台可配置前端查看两个不同的数据库范围的东西，也很满意，那就分享出来，今天说几天做这个功能就是html页面搜索功能。

此功能主要是实现在搜索框中输入的字符，在下一个按钮，会自动匹配与特殊风格的标签区域查询，然后可以继续按下一个按钮来浏览，按照字母顺序，和电流匹配特性的另一种风格和其他字符区别。

前台就要摆出来了。
html是这样的：

找到：

脚本代码：
搜索功能
无功oldkey0 = ；
无功index0 = 1；var oldcount0 = 0；
无功newflag = 0；
var CurrentLength = 0；
单词搜索功能（FLG）{
var关键字= $（#关键）（。Val）； / /核心价值
如果（！关键）{
返回；键为空，退出
}
GetArray（）；
FocusNext（FLG）；
}
功能focusnext（FLG）{
如果（newflag = 0）{ / /如果新的搜索，索引重置
index0 = 0；
}
如果（！Flg）{
如果（oldcount0！= 0）
如果（index0 < oldcount0）{ / /左话未说完，左。
FocusMove（index0）；
index0 + +；
否则如果}（index0 = = oldcount0）{ / /经历
index0 = 0；
FocusMove (index0);
index0 + +；
}
{其他
index0 = 0； / /不确定
FocusMove（index0）；
index0 + +；
}
}
{人}
如果（oldcount0！= 0）
如果（index0 0）{ / /左话未说完，左。
index0 --；
FocusMove（index0）；
如果别人}（index0 = = 0）{ / /经历
index0 = oldcount0；
index0 --
FocusMove（index0）；
}
}
}
}
功能getarray（）{
newflag = 1；
$(.Contrast.Result).RemoveClass (res);
var关键字= $（#关键）（。Val）； / /核心价值
如果（！关键）{
oldkey0 = ；
返回；键为空，退出
}
如果（oldkey0！=关键| | $（，）。长度！= CurrentLength）{
重置
index0 = 0；
VaR指标= 0；
$（对比）。每个（函数（）{）
$（这）。ReplaceWith（$（this）。Html（））；
}）；
pos0 =新的数组（）；
如果（$（。对比包）。HasClass（流））{
CurrentLength = $（，）。长度；
$（对比）。每个（函数（）{）
（这）美元。HTML（$（this）。Html（更换（新）regexp（关键，GM），+键+ ））； / /更换
}）；
{人}
$（。对比包）。AddClass（当前的）；
CurrentLength = $（，）。长度；
$（对比）。每个（函数（）{）
（这）美元。HTML（$（this）。Html（更换（新）regexp（关键，GM），+键+ ））； / /更换
}）；
}
/ / $（#关键）。瓦迩（关键）；
OldKey0 = key;
（）。
/ / $（this）。父母（'。对比换行）。AddClass（当前的）；
/ / pos0.push（美元。偏移）（这）（前）；
/