javascript实现关键字高亮显示

突出显示是高亮显示页面中指定区域的指定文本,即背景着色。

下面是提供一个用Javascript实现的解决方案。

首先,在它中引入了以下Javascript方法:

复制代码代码如下所示:



/ / < { CDATA {!

/ / --------开始功能FHL(O,国旗,rndcolor,URL)------------------ / /

功能表(O,国旗,rndcolor,URL){

X

使用javascript突出显示页面特定的单词。

举个例子:

/ / / FHL(document.body,她补充道|);

这里的身体是指突出身体内部的内容。

/ / / FHL(document.body,|希望忧郁,假);

公共飞毛腿(document.getelementbyid('at_main),| |独自在长,真的,搜查。aspkeyword =);

just'at_main'here指突出在div ID = 'at_main '的内容。搜索。aspkeyword =指链接地址添加到关键词,

我总是在这里用一个参数在后面使用。它可以是任意地址。

X

X

公共对象,要突出显示的对象。

X

X

突出公共字符串的字或词,使用竖线(|)由一个以上的词分开。

X

X

公共布尔值,是否随机显示文本背景颜色和文本颜色,真随机显示。

X

X

URI是为了突出公众,文字添加链接。

X

X

无功bgcor = fgcor =;

如果(rndcolor){

bgcor = frndcor(10, 20);

fgcor = frndcor(230, 255);

{人}

bgcor =# f0f;

fgcor =;

}

var = new RegExp(国旗,我);

对于(var i = 0;i < o.childnodes.length;i++){

无功o_ = o.childnodes {我};

无功o_p = o_父节点;

如果(o_。节点类型= = 1){

飞毛腿(o_,国旗,rndcolor,URL);

如果(o_。节点类型= = 3){ }

如果(!(o_p nodename = =。A)){

如果(o_。data.search(重新)= = 1)继续;

VaR的温度= felea(o_。数据标志);

o_p.replacechild(温度,o_);

}

}

}

/ / ------------------------------------------------

功能felea(文本、旗){

VaR的风格= 'style =背景颜色:+ bgcor +;颜色:+ fgcor +;

var o = document.createelement('span);

var=;

var = new RegExp('(' +国旗+ ')','gi);

如果(URL){

STR = text.replace(RE,< a href =+地址+

1美元+样式+ 1美元);这里是关键字和链接,红色$ 1是指上述链接后的具体参数。

{人}

STR = text.replace(RE,1美元); / /显示没有链接

}

o.innerhtml = str;

回来啊;

}

/ / ------------------------------------------------

功能frndcor(下过){

如果(参数=长度= 1){

var大于;

低于0;

否则如果(参数=长度= 0){

小于0的var;

var大于255;

}

frandomby VAR r(下过),ToString(16);

R = padnum(R,R,2);

var g = frandomby(下过),ToString(16);

G = padnum(G,G,2);

var b = frandomby(下过),ToString(16);

B = padnum(B,B,2);

/ / defaultstatus = R ++ g ++ B

返回的# + R+G+B;

功能frandomby(下过){

开关(参数,长度){

案例1:返回parseInt(Math.random)+ 1 *(下);

案例2:返回parseInt(Math.random()*(在+ 1)+下);

默认值:返回0;

}

}

功能padnum(STR,num,Len){

var =

因为(var i = 0;i;

回复=(温度+ = str)。Substr(温度。长度LEN);

}

}

}

/ / --------端功能FHL(O,国旗,rndcolor,URL)-------------------- / /

>





以上表的方法来实现高亮度,和参数的意义是写在注释。

Then the fHl method is invoked at the end of the page to highlight the specified text in the specified area, such as:

复制代码代码如下所示:



飞毛腿(document.body,'亮'); / /高亮文本背景着色页体在该地区





嗯,很简单。