Die Hervorhebungsfunktion bezieht sich hauptsächlich auf das Hervorheben des angegebenen Textes im angegebenen Bereich auf der Seite, dh Hintergrundfarbe. Diese Funktion wird normalerweise auf Suchergebnisseiten verwendet.
Hier ist eine Lösung für Sie, um es mit JavaScript zu implementieren.
Stellen Sie zunächst die folgende JavaScript -Methode in <Head> ein:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
// <! [Cdata [
// -------- FORT FUNKTION FHL (O, Flag, Rndcolor, URL) ------------------ //
Funktion FHL (O, Flag, Rndcolor, URL) {
/// <summary>
/// JavaScript HTML DOM verwenden, um Seitenspezifische Wörter hervorzuheben.
/// Beispiel:
/// FHL (Dokument.body, 'Paper Dach | sie');
/// Der Körper hier bezieht sich auf den Inhalt im hervorgehobenen Körper.
/// FHL (Dokument.body, 'Hope | sorry', falsch, '/');
/// FHL (document.getElementById ('AT_MAIN'), 'Solar | Floating | Long', True, 'Search.asp? Keyword =');
/// Die 'AT_MAIN' hier bezieht sich auf den Inhalt im DIV mit hervorgehobenen ID = 'at_main'. such.asp? keyword = bezieht sich auf die zum keyword hinzugefügte Linkadresse,
/// Ich habe hier einen Parameter hinzugefügt und werde später verwendet. Kann jede Adresse sein.
/// </summary>
/// <param name = "o" type = "object">
/// Objekt, das zu hervorgehobene Objekt.
/// </param>
/// <param name = "flag" type = "String">
/// String, um das Wort oder mehrere Wörter hervorzuheben, verwenden Sie vertikale Balken (|), um mehrere Wörter zu trennen.
/// </param>
/// <param name = "rndcolor" type = "boolean">
/// Boolean Wert, ob die texthintergrundfarbe und die Textfarbe zufällig angezeigt werden soll, bedeutet, dass eine zufällige Anzeige bedeutet.
/// </param>
/// <param name = "url" type = "String">
/// Uri, ob Links zu hervorgehobenen Wörtern hinzugefügt werden soll.
/// </param>
/// <return> </return>
var bgcor = fgcor = '';
if (rndcolor) {
bgcor = frndcor (10, 20);
fgcor = frndcor (230, 255);
} anders {
bgcor = '#f0f';
fgcor = 'schwarz';
}
var re = new regexp (Flag, 'i');
für (var i = 0; i <o.childnodes.length; i ++) {
var o_ = o.childnodes [i];
var o_p = o_.parentnode;
if (o_.nodetype == 1) {
FHL (O_, Flag, Rndcolor, URL);
} else if (o_.nodetype == 3) {
if (! (o_p.nodename == 'a')) {
if (o_.data.search (re) ==-1) Fortsetzung;
var temp = felea (o_.data, Flag);
o_p.replacechild (temp, o_);
}
}
}
// --------------------------------------------
Funktion Felea (Text, Flag) {
var style = 'style = "background-color:'+bgcor+'; Farbe:'+fgcor+';" ''
var o = document.createelement ('span');
var str = '';
var re = new regexp ('('+flag+')', 'gi');
if (url) {
Str = text.replace (re, '<a href = "'+url+
'$ 1 "'+style+'> $ 1 </a>'); // Hier ist ein Link zum Schlüsselwort, und der Red $ 1 bezieht sich auf die spezifischen Parameter nach der obigen Linkadresse.
} anders {
str = text.replace (re, '<span'+style+'> $ 1 </span>'); // Zeigen Sie, wenn Sie nicht verknüpfen
}
O.innerhtml = str;
Rückkehr O;
}
// --------------------------------------------
Funktion frndcor (unter, über) {
if (Argumente.length == 1) {
var over = unter;
unter = 0;
} else if (Argumente.length == 0) {
var unter = 0;
var over = 255;
}
var r = frandomby (unter, über) .ToString (16);
r = padnum (r, r, 2);
var g = frandomby (unter, über) .ToString (16);
g = padnum (g, g, 2);
var b = frandomby (unter, über) .ToString (16);
B = Padnum (B, B, 2);
// defaultStatus = r+''+g+''+b
Return '#'+r+g+b;
Funktion frandomby (unter, über) {
Switch (Argumente.length) {
Fall 1: Return ParseInT (Math.Random ()*unter+1);
Fall 2: Return ParseInT (Math.Random ()*(Over-Under + 1) + unter);
Standard: Rückgabe 0;
}
}
Funktion padnum (str, num, len) {
var temp = '' ''
für (var i = 0; i <len; temp+= num, i ++);
return temp = (temp+= str) .Substr (temp.length-len);
}
}
}
// -------- Endfunktion FHL (O, Flag, Rndcolor, URL) -------------------- //
//]]>
</script>
Die obige FHL -Methode wird verwendet, um hervorzuheben, und die Bedeutung der Parameter wird in den Kommentaren geschrieben.
Rufen Sie dann die FHL -Methode am Ende der Seite an, um den Text für den angegebenen Bereich hervorzuheben, z. B.:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
FHL (Dokument.body, 'Highlight'); // Färbe den Hintergrund des "Highlight" -Textes im Bereich des Seitenkörpers
</script>
Wie wäre es damit, es ist sehr einfach ~