La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Mots-clés Présentant </TITME>
</ head>
<body>
<div id = "TextBox">
<p> Baidu (NASDAQ BIDU) est le plus grand moteur de recherche chinois au monde.
<p> Méthode d'acquisition d'informations. Le mot "baidu" est originaire des paroles de "Qingyu Case · Yuanxi" de Xin Qiji, un poète de la dynastie des chansons en Chine, "à la recherche de milliers de kilomètres de la foule", symbolisant la poursuite persistante de Baidu de la technologie de récupération de l'information chinoise . </p>
</div>
<cript>
Fonction Highlight (idVal, Keyword) {
var textbox = document.getElementById (idVal);
if ("" == mot-clé) return;
// Obtenez tout le contenu du texte
var temp = textbox.innerhtml;
console.log (temp);
var htmlreg = new regexp ("/ <. *? />", "i");
var arr = new Array ();
// remplacer la balise HTML
pour (var i = 0; true; i ++) {
// correspond à la balise html
var tag = htmlreg.exec (temp);
if (tag) {
arr [i] = tag;
} autre {
casser;
}
temp = temp.replace (tag, "{[(" + i + ")]}");
}
// Parler de la division des mots clés et de l'incorporation dans les tableaux
words = decodeuriComponent (Keyword.replace (//, / g, '')). Split (// s + /);
// remplacer le mot-clé
pour (w = 0; w <words.length; w ++) {
// correspond aux mots clés et conserver des caractères spéciaux qui peuvent apparaître dans les mots clés
var r = new regexp ("(" + words [w] .replace (/*() {}.+*?^$ | /// [/]] / g, "// $ &") + ") "," ig ");
temp = temp.replace (r, "<b style = 'couleur: rouge;'> 1 $ </b>");
}
// Restaurer les balises HTML
pour (var i = 0; i <arr.length; i ++) {
temp = temp.replace ("{[(" + i + ")]}", arr [i]);
}
TextBox.InnerHtml = temp;
}
Highlight ("TextBox", "Baidu, Robin Li");
</cript>
</docy>
</html>