웹 페이지 강조 표시 텍스트

1533 단어 Web
function hightLight(str,style,fontColor){
	var bookmark;
	if(document.createRange){
		var range = document.createRange();
	}else{
		var range = document.body.createTextRange();
		bookmark = range.getBookmark();
	}
	if(range.findText){
		range.collapse(true);
		range.moveToBookmark(bookmark);
		while(range.findText(str)){
			range.pasteHTML(range.text.fontcolor(fontColor));
		}
	}else{
		var s,n;
		s = window.getSelection();
		s.collapse(document.body,0);
		while(window.find(str)){
			var n = document.createElement("SPAN");
			n.style.cssText=style;
			s.getRangeAt(0).surroundContents(n);
		}
	}
}
function addEvent(obj, type, fn)
{
    if (obj.attachEvent)
        obj.attachEvent('on' + type, fn);
    else
        obj.addEventListener(type, fn, false);
}
addEvent(window, "load", function(){
	var searchStr = " ";
	if(searchStr==null || searchStr=="")return;
	setTimeout(hightLight(searchStr,"border:1px solid #8900CC;color:#ACE600","#ff0000"),1000);
});

 
 
설명: 웹 페이지의 특수한 문자를 하이라이트로 표시하는 방식은 여러 가지가 있는데 이것은 단지 하나일 뿐이다.
또한:
일.js의replace 방법을 사용할 수 있습니다(이런 방식은 추천하지 않습니다:키워드+다른 문자, 탭 블록의 텍스트만 바꿀 수 있고, 탭 속성의 문자는 바꿀 수 없습니다)
이.그리고 서버에서 잘 만들어서 웹 전단으로 보낼 수 있습니다.

좋은 웹페이지 즐겨찾기