코드 사본은 다음과 같습니다.
<! 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">
<헤드>
<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의 Zhongguancun에 세워진 세계 최대의 중국 검색 엔진입니다.
<p> 정보 수집 방법. "바이두어"라는 단어는 중국의 노래 왕조 시인 인 Xin Qiji의 "Qingyu Case · Yuanxi"의 가사에서 시작하여 중국 정보 검색 기술에 대한 Baidu의 지속적인 추구를 상징합니다. . </p>
</div>
<cript>
함수 하이라이트 (idval, 키워드) {
var textbox = document.getElementById (idval);
if ( ""== 키워드) 반환;
// 모든 텍스트 내용을 가져옵니다
var temp = textbox.innerhtml;
Console.log (온도);
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] = 태그;
} 또 다른 {
부서지다;
}
temp = temp.replace (tag, "{[(" + i + ")]}");
}
// 키워드 분할 및 배열에 통합하는 것에 대해 이야기합니다
Words = decodeUricomponent (keyword.replace (//,/g, ''). split (// s+/);
// 키워드를 대체합니다
for (w = 0; w <words.length; w ++) {
// 키워드 일치 및 키워드에 나타날 수있는 특수 문자 유지
var r = new regexp ( "(" + Words [w] .replace (/=) {}.+*? ","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;
}
하이라이트 ( "TextBox", "Baidu, Robin Li");
</스크립트>
</body>
</html>