Dieser Artikel beschreibt die verschiedenen Suchfunktionen von JS, um Tabellendaten zu implementieren. Es kann Fall, Fuzzy -Suche und mehrere Schlüsselsuche ignorieren. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> </title>
<script type = "text/javaScript">
window.onload = function () {
var otab = document.getElementById ("tab");
var obt = document.getElementsByTagName ("input");
obt [1] .onclick = function () {
für (var i = 0; i <otab.tbodies [0] .Rows.length; i ++)
{
var str1 = otab.tbodies [0] .Rows [i] .Cells [1] .innerhtml.Touppercase ();
var str2 = obt [0] .Value.ToUpperCase ();
// Verwenden Sie String.touppercase () (konvertieren Sie alle Zeichen in der Zeichenfolge in Großbuchstaben) oder string.tolowerCase () (konvertieren Sie alle Zeichen in der Zeichenfolge in Kleinbuchstaben).
// Die sogenannte Suche nach Ignorieren Großbuchstaben und Kleinbuchstaben besteht darin, alle vom Benutzer eingegebenen Zeichenfolgen in Großbuchstaben oder Kleinbuchstaben umzuwandeln, dann alle Zeichenfolgen in der Informationstabelle in Großbuchstaben oder Kleinbuchstaben umzuwandeln und schließlich die konvertierten Zeichen der beiden zu vergleichen.
/********************
if (str1 == str2) {
otab.tbodies [0] .Rows [i] .style.background = 'rot';
}
anders{
otab.tbodies [0] .Rows [i] .style.background = '';
}
/******************
// Die Fuzzy -Suche in der Tabelle besteht darin, eine Search () -Methode in JS unter Verwendung des Formats String1.search (String2) zu verwenden.
// Die vom Benutzer eingegebene Zeichenfolge ist ein Substring, das die Position des Substring in der Hauptzeichenfolge zurückgibt. Wenn es nicht übereinstimmt, gibt es -1 zurück. Daher ist die Operation wie folgt
if (str1.search (str2)!
sonst {otab.tbodies [0] .Rows [i] .style.background = '';}
/***********
// Suchen Sie in der Tabelle nach mehreren Schlüsselwörtern. Wenn Sie mehrere vom Benutzer eingegebene Schlüsselwörter hinzufügen, verwenden Sie die Split -Methode, um eine lange Zeichenfolge in ein String -Array mit Leerzeichen als Standard zu teilen.
// Vergleichen Sie dann die Substrings des Schnittarrays mit den Zeichenfolgen in der Informationstabelle in einer Schleife
var arr = str2.split ('');
für (var j = 0; j <arr.length; j ++)
{
if (str1.search (arr [j])!
}
}
}
}
</script>
</head>
<body>
Name: <Eingabe type = "text" />
<input type = "button" value = "search"/>
<Table BorderColor = "Blue" id = "tab">
<kopf>
<td> <h2> id </h2> </td>
<td> <h2> Name </h2> </td>
<td> <h2> Alter </h2> </td>
</head>
<tbody>
<tr>
<td> 1 </td>
<td> blau </td>
<td> 15 </td>
</tr>
<tr>
<td> 2 </td>
<td> mikyou </td>
<td> 26 </td>
</tr>
<tr>
<td> 3 </td>
<td> schwach </td>
<td> 24 </td>
</tr>
<tr>
<td> 4 </td>
<td> Sky </td>
<td> 35 </td>
</tr>
<tr>
<td> 5 </td>
<td> li si </td>
<td> 18 </td>
</tr>
</tbody>
</table>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.