Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<Title> Sorotan Kata Kunci </iteme>
</head>
<body>
<Div id = "TextBox">
<p> Baidu (Nasdaq Bidu) adalah mesin pencari Cina terbesar di dunia.
<p> Metode akuisisi informasi. Kata "Baidu" berasal dari lirik "Qingyu Case · Yuanxi" oleh Xin Qiji, seorang penyair dinasti Song di Tiongkok, "mencari ribuan mil dari kerumunan", melambangkan pengejaran Baidu yang terus -menerus atas Teknologi Informasi Tiongkok Tiongkok " . </p>
</div>
<script>
sorotan fungsi (idVal, kata kunci) {
var textbox = document.geteLementById (idVal);
if ("" == kata kunci) kembali;
// Dapatkan semua konten teks
var temp = textbox.innerHtml;
console.log (temp);
var htmlreg = regexp baru ("/<.*?/>", "i");
var arr = array baru ();
// Ganti tag HTML
untuk (var i = 0; true; i ++) {
// Cocokkan tag HTML
var tag = htmlreg.exec (temp);
if (tag) {
arr [i] = tag;
} kalau tidak {
merusak;
}
temp = temp.replace (tag, "{[(" + i + ")]}");
}
// berbicara tentang pemisahan kata kunci dan dimasukkan ke dalam array
Words = decodeuricomponent (kunci kata.replace (//,/g, '')). split (// s+/);
// ganti kata kunci
untuk (w = 0; w <words.length; w ++) {
// Cocokkan kata kunci dan pertahankan karakter khusus yang dapat muncul di kata kunci
var r = regexp baru ("(" + Words [w] .replace (/media() {Better*? ", "aku g");
temp = temp.replace (r, "<b style = 'color: red;'> $ 1 </b>");
}
// Kembalikan tag HTML
untuk (var i = 0; i <arr.length; i ++) {
temp = temp.replace ("{[(" + i + ")]}", arr [i]);
}
textbox.innerHtml = temp;
}
Sorot ("TextBox", "Baidu, Robin Li");
</script>
</body>
</html>