コードコピーは次のとおりです。
<！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">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title>キーワードハイライト</title>
</head>
<body>
<div id = "textbox">
<p> Baidu（Nasdaq Bidu）は、世界最大の中国の検索エンジンです。これは、2000年1月にRobin LiとXu Yongによって北京に設立されました。
<p>情報取得方法。 「baidu」という言葉は、中国の歌王朝の詩人であるXin Qijiによる「青Yu事件・Yuanxi」の歌詞に由来し、「彼を数千マイルの群衆から探している」と、中国の情報回収技術の永続的な追求を象徴する「彼を探している」 。 </p>
</div>
<スクリプト>
関数ハイライト（idval、キーワード）{
var textbox = document.getElementById（idval）;
if（ "" == keyword）return;
//すべてのテキストコンテンツを取得します
var temp = textbox.innerhtml;
console.log（temp）;
var htmlreg = new regexp（ "/<。*？/>"、 "i"）;
var arr = new array（）;
// HTMLタグを交換します
for（var i = 0; true; i ++）{
// HTMLタグを一致させます
var tag = htmlreg.exec（temp）;
if（tag）{
arr [i] = tag;
} それ以外 {
壊す;
}
temp = temp.replace（tag、 "{[（" + i + "）}"）;
}
//キーワードの分割と配列に組み込むことについて話します
words = decodeuricomponent（keyword.replace（//、/g、 ''））。分割（// s+/）;
//キーワードを交換します
for（w = 0; w <words.length; w ++）{
//キーワードを一致させ、キーワードに表示できる特殊文字を保持します
var r = new regexp（ "（" + words [w] .replace（/•）{} .+* ??^$ | ///// [/]]/g、 "// $＆"） + "） "、" ig "）;
temp = temp.replace（r、 "<b style = 'color：red;'> $ 1 </b>"）;
}
// HTMLタグを復元します
for（var i = 0; i <arr.length; i ++）{
temp = temp.replace（ "{[（" + i + "）}"、arr [i]）;
}
textbox.innerhtml = temp;
}
Highlight（ "Textbox"、 "Baidu、Robin Li"）;
</script>
</body>
</html>