数码资讯
基于网页前端页面内容搜索的实现分析
这就是你在网页上进行查询之前所做的事情。 表单获取关键字>返回SQL语句处理>数据返回到前端显示 今天,突然,这个函数如何实现访问者的Ctrl + F,把数据放在页面上一次,然后用JS匹配页面的内容。 不管怎样,现在函数完成了,优化完成了。 复制代码代码如下所示: $(函数(){()) Var Us
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
这就是你在网页上进行查询之前所做的事情。
表单获取关键字>返回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如果不匹配,并且匹配返回字符串的位置。
这允许你完成搜索。所有的数据都隐藏在匹配成功之前并显示出来。
表单获取关键字>返回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如果不匹配,并且匹配返回字符串的位置。
这允许你完成搜索。所有的数据都隐藏在匹配成功之前并显示出来。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。