基于网页前端页面内容搜索的实现分析

这就是你在网页上进行查询之前所做的事情。

表单获取关键字>返回SQL语句处理>数据返回到前端显示

今天，突然，这个函数如何实现访问者的Ctrl + F，把数据放在页面上一次，然后用JS匹配页面的内容。

不管怎样，现在函数完成了，优化完成了。

复制代码代码如下所示：
$（函数（）{（））
Var UserArray =新的数组（）；
Var TurenameArray =新的数组（）；
无功表= $（表> TBODY ）；

table.children（），（）{（）（函数
用户名= $（这）。儿童情商（）。（0）Html（）；
输出 / /存款的数目
UserArray.push（用户名）；
turename = $（这）。儿童情商（）。（1）Html（）；
该名称将保存在数组中。
TurenameArray.push（turename）；
}）；

$（#搜索）。焦点（函数（）{）
美元（这个）。瓦迩（）；
}Blur（函数（）{）
瓦尔= $（这个）。瓦迩（））；
如果（=）
{
$（this）瓦迩（name）；
}
}）；
$（。按钮）。Click（function（）{）
val = $（#搜索）瓦迩（）；
如果（=
{
警报（请输入有效的名称和名称）；
}
其他的
{
table.children（）。隐藏（100）；
如果（！IsNaN（Val））
{
Hanld（userarray，瓦迩）；
}
其他的
{
Hanld（turenamearray，瓦迩）；
}
}
}）；
功能hanld（数组的值）
{
为（i = 0；i < array.length；i++）
{
如果（数组{我} indexOf（价值）！= = 1）
{
table.children（）。Eq（我），（1000）；
}
}
}
代码在上面，我将在下面讨论设计思想。

获取匹配的数据按顺序存储在数组中，然后匹配。

使用js子串函数返回返回1如果不匹配，并且匹配返回字符串的位置。

这允许你完成搜索。所有的数据都隐藏在匹配成功之前并显示出来。