Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> Schlüsselwort Highlight </title>
</head>
<body>
<div id = "textbox">
<p> Baidu (Nasdaq Bidu) ist die weltweit größte chinesische Suchmaschine.
<P> Methode für Informationserfassung. Das Wort "Baidu" stammt aus den Texten von "Qingyu Fall · Yuanxi" von Xin Qiji, einem Dichter der Song -Dynastie in China, "nach Tausenden von Meilen von der Menge" und symbolisierte Baidus anhaltende Streben nach chinesischer Informationsabruftechnologie . </p>
</div>
<Script>
Funktionshighlight (IDVAL, Schlüsselwort) {
var textbox = document.getElementById (idval);
if ("" == Schlüsselwort) return;
// Alle Textinhalte erhalten
var temp = textbox.innerhtml;
console.log (temp);
var htmlreg = new regexp ("/<.*?/>", "i");
var arr = new Array ();
// HTML -Tag ersetzen
für (var i = 0; true; i ++) {
// HTML -Tag übereinstimmen
var tag = htmlreg.exec (temp);
if (Tag) {
arr [i] = tag;
} anders {
brechen;
}
temp = temp.replace (Tag, "{[(" + i + ")]}");
}
// über Keyword -Aufteilung und Integration in Arrays sprechen
Words = decodeuricomponent (keyword.replace (//,/g, ''). split (// s+/);
// Schlüsselwort ersetzen
für (w = 0; w <Words.length; W ++) {
// Stimmen Sie Schlüsselwörter an und behalten Sie Sonderzeichen, die in den Schlüsselwörtern angezeigt werden können
var r = new regexp ("(" + words [w] .Replace (/...es {}.+*?^$ | /// [/]]/g, "// $ &") + ")) ", "ich G");
temp = temp.replace (r, "<b style = 'color: rot;'> $ 1 </b>");
}
// HTML -Tags wiederherstellen
für (var i = 0; i <arr.length; i ++) {
temp = temp.replace ("{[(" + i + ")]}", arr [i]);
}
textbox.innerhtml = temp;
}
Highlight ("Textbox", "Baidu, Robin Li");
</script>
</body>
</html>