>웹 프론트엔드 >JS 튜토리얼 >Javascript는 page_javascript 기술에서 키워드를 강조 표시하는 코드를 구현합니다.

Javascript는 page_javascript 기술에서 키워드를 강조 표시하는 코드를 구현합니다.

WBOY
WBOY원래의
2016-05-16 16:53:291079검색
코드 복사 코드는 다음과 같습니다.





키워드 강조

정보를 얻는 방법. 바이두(Baidu)라는 단어는 중국 송나라 시인 신치지(Xin Qiji)의 『청옥사건·위안시(靑玉節·Yuan Xi)』에 나오는 '수천만의 바이두를 찾는다'라는 문구에서 유래됐으며, 바이두가 중국 정보검색 기술을 끈질기게 추구하는 것을 상징한다.


<script> <BR>function 하이라이트(idVal, 키워드) { <BR>var textbox = document.getElementById(idVal); " == 키워드) return; <BR>//모든 텍스트 콘텐츠 가져오기<BR>var temp = textbox.innerHTML; <BR>console.log(temp); <BR>var htmlReg = new RegExp("<.* ?>", "i"); <BR>var arr = new Array(); <BR><BR>//HTML 태그 교체 <BR>for (var i = 0; true; i ) { <BR> //html 태그 일치 <br>var tag = htmlReg.exec(temp); <br>if (tag) { <BR>arr[i] = tag <BR>} else { <BR>break; } <BR>temp = temp.replace(tag, "{[(" i ")]}"); <BR>} <BR><BR><BR>// 키워드를 배열로 분할<BR>words = decodeURIComponent (keyword.replace(/,/g, ' ')).split(/s /); <BR><br>//키워드 바꾸기<br>for (w = 0; w < 단어 .length; w ) { <BR>// 키워드를 일치시키고 키워드에 나타날 수 있는 특수 문자를 유지합니다. <BR>var r = new RegExp("(" 단어[w].replace(/[(){}. *?^$|\[ ]]/g, "\$&") ")", "ig"); <br>temp = temp.replace(r, "<b style='color:Red;' >$1</b&gt ;"); <br>} <BR><BR>//HTML 태그 복원<BR>for (var i = 0; i < arr.length; i ) { <BR>temp = temp.replace("{ [(" i ")]}", arr[i]); <BR>} <br>textbox.innerHTML = temp; <br>} <BR>highlight("textbox"," Baidu, Robin Li"); <BR></script>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.