コードコピーは次のとおりです。
<!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>