Une brève analyse des idées de mise en œuvre de la recherche de contenu de page basée sur les compétences WEB front-end pages_javascript

C'est ainsi que je faisais des requêtes sur les pages Web

Formulaire pour obtenir des mots-clés –> Traitement des instructions SQL back-end entrantes –> Les données sont renvoyées au front-end pour être affichées

Aujourd'hui, j'ai soudainement découvert comment implémenter la fonction Ctrl F du navigateur. Elle place les données sur la page en même temps, puis utilise JS pour faire correspondre le contenu de la page.

Quoi qu'il en soit, la fonction est terminée maintenant, et ensuite nous l'optimisons

Copier le code Le code est le suivant :

$(function(){
var UserArray = new Array();
var TurenameArray = new Array();
var table = $("table>tbody");

table.children().each(function( ){
userid = $(this).children().eq(0).html();
//Enregistrez le numéro d'étudiant dans la sortie
UserArray.push(userid);
turename = $(this).children().eq(1).html();
//Enregistrez le nom dans le tableau

$("#search").focus(function() {
$(this).val("");
}).blur(function(){
val = $. trim($(this).val());
if (val === "")

});
$(".btn").click(function(){
val = $("#search").val() ;
if(val === " Numéro/nom du travail")
                                                                                                                                                                               "100");
if(!isNaN(val))
{
Tableau,val);
}
else
{
hanld(TurenameArray,val );
}
}
});
fonction hanld(array,value)
{
for(i=0;i {
                                                                                                                                                                                                                                                                                           
}
}



Le code est ci-dessus, laissez-moi parler des idées de conception ci-dessous.

Récupérez les données à faire correspondre et stockez-les dans le tableau dans l'ordre, puis faites correspondre.

La fonction indexof qui utilise le positionnement des sous-chaînes JS renvoie -1 s'il n'y a pas de correspondance, et renvoie la position de la chaîne si elle correspond.

Ceci termine votre recherche. Masquez d'abord toutes les données, puis affichez-les si la correspondance réussit. C'est bon