Eine kurze Analyse der Implementierungsideen der Seiteninhaltssuche basierend auf WEB-Frontend-Pages_Javascript-Kenntnissen

So habe ich früher Abfragen auf Webseiten durchgeführt

Formular zum Abrufen von Schlüsselwörtern –> Verarbeitung eingehender Back-End-SQL-Anweisungen –> Daten werden zur Anzeige an das Front-End zurückgegeben

Heute bin ich plötzlich darauf gestoßen, wie man die Strg-F-Funktion des Browsers implementiert. Er fügt die Daten sofort auf die Seite ein und verwendet dann JS, um sie an den Inhalt der Seite anzupassen.

Egal was passiert, die Funktion ist jetzt abgeschlossen und dann optimieren wir sie

Code kopieren Der Code lautet wie folgt:

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

table.children().each(function( ){
userid = $(this).children().eq(0).html();
//Speichern Sie die Schülernummer in der Ausgabe
UserArray.push(userid);
turename = $(this).children().eq(1).html();
//Speichere den Namen im Array

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

});
$(".btn").click(function(){
val = $("#search").val() ;
if (val === "Jobnummer/Name")
"100");
}
else
{
hanld(TurenameArray,val );
}
}
});
function hanld(array,value)
{
for(i=0;i {
                                                                                                                                                                                                                                                   
Der Code ist oben, lassen Sie mich unten über die Designideen sprechen.

Rufen Sie die abzugleichenden Daten ab, speichern Sie sie der Reihe nach im Array und gleichen Sie sie dann ab.

Die Indexof-Funktion, die die JS-Teilzeichenfolgenpositionierung verwendet, gibt -1 zurück, wenn es keine Übereinstimmung gibt, und gibt die Position der Zeichenfolge zurück, wenn sie übereinstimmt.

Damit ist Ihre Suche abgeschlossen. Blenden Sie zunächst alle Daten aus und zeigen Sie sie dann an, wenn der Abgleich erfolgreich ist. Das ist in Ordnung