一畝三分地
BlogJava
首頁(yè)
新文章
新隨筆
聚合
管理
posts - 78, comments - 48, trackbacks - 0
javascript控制關(guān)鍵字高亮顯示
function SearchHighlight(mytag)
{
if
(
!
document.createElement)
{
return
;
}
var q
=
"
{{$q}}
"
;
//
要高亮顯示的關(guān)鍵字
var l
=
document.getElementsByTagName(mytag);
if
(
""
==
q)
return
;
words
=
unescape(q.replace(
/+/
g,
'
'
)).split(
/
s
+/
);
for
(w
=
0
;w
<
words.length;w
++
)
{
for
(i
=
0
;i
<
l.length;i
++
)
{
var pa
=
new
RegExp(
"
(
"
+
words[w]
+
"
)
"
,
"
ig
"
);
if
(l.parentNode.parentNode.parentNode.id
!=
"
header
"
)
//
標(biāo)題中的內(nèi)容不替換
l.innerHTML
=
l.innerHTML.replace(pa,
"
<span class=
"
searchword
"
>$1</span>
"
);
}
}
}
1、正則表達(dá)式
2、向后引用
調(diào)用方法:
document.onload = SearchHighlight(”a”);//要搜索的標(biāo)簽名稱(chēng),這里的意思是凡是形如<a></a>的標(biāo)記中的內(nèi)容,包含關(guān)鍵字的時(shí)候均高亮顯示。然后把下面的CSS定義加到你的CSS文件里或者直接加到HTML文件中
.searchword{background-color:yellow;}
那么所有的關(guān)鍵字(不論大小寫(xiě))將顯示為黃色背景。
有待分析!
posted on 2007-06-26 17:48
黑咖啡
閱讀(3411)
評(píng)論(3)
編輯
收藏
所屬分類(lèi):
Java Dev
FeedBack:
#
re: javascript控制關(guān)鍵字高亮顯示
2007-10-16 15:33 |
不是好東東
這段代碼樣式是怎樣實(shí)現(xiàn)的阿,請(qǐng)教前輩,haoduomi@126.com
回復(fù)
更多評(píng)論
#
re: javascript控制關(guān)鍵字高亮顯示
2007-10-16 16:18 |
不是好東東
function SearchHighlight(mytag) {
if (!document.createElement)
{
return;
}
var q = "{{$q}}";//要高亮顯示的關(guān)鍵字
var l = document.getElementsByTagName(mytag);
if("" == q) return;
words = unescape(q.replace(/+/g,' ')).split(/s+/);
for (w=0;w<words.length;w++) {
for(i=0;i<l.length;i++)
{
var pa = new RegExp("("+words[w]+")","ig");
if(l.parentNode.parentNode.parentNode.id != "header")//標(biāo)題中的內(nèi)容不替換
l.innerHTML = l.innerHTML.replace(pa,"<span class="searchword">$1</span>");
}
}
}
代碼效果是怎么弄得阿
回復(fù)
更多評(píng)論
#
re: javascript控制關(guān)鍵字高亮顯示
2009-09-15 11:55 |
保密
這個(gè)只有IE的瀏覽器可以啊。
回復(fù)
更多評(píng)論
新用戶注冊(cè)
刷新評(píng)論列表
只有注冊(cè)用戶
登錄
后才能發(fā)表評(píng)論。
網(wǎng)站導(dǎo)航:
博客園
IT新聞
Chat2DB
C++博客
博問(wèn)
管理
相關(guān)文章:
【摘】Subversion第三方工具
javascript控制關(guān)鍵字高亮顯示
今日關(guān)注
Java 專(zhuān)業(yè)人士必備的書(shū)籍和網(wǎng)站列表
開(kāi)源Java版BBS,Blog
native2ascii用法解析
最新關(guān)注
Java中獲取時(shí)間的幾種方法
SAP概述
轉(zhuǎn)的martix
<
2009年9月
>
日
一
二
三
四
五
六
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
留言簿
(2)
給我留言
查看公開(kāi)留言
查看私人留言
隨筆分類(lèi)
(67)
C Sharp
Coding Life(22)
Coding Review(2)
Dog Show(2)
Dot Net
Hibernate
Java Dev(12)
Problems(1)
Ruby(5)
Struts
Tec Article(20)
Travel Note(1)
Unix/Linux(2)
文章分類(lèi)
(43)
Design(12)
Eclipse plugins(2)
FrameWork(5)
Hibernate(3)
Java news(1)
Postgre(2)
tec(13)
Velocity(5)
Good Article
Eclipse 和 HSQLDB(一)
Eclipse 和 HSQLDB(二)
HSQLCC Project by SawPad
HSQLDB中文文檔-SawPad
iDay's ajax framework
Java新手上路大全
Unicode
Good Blogs
Birdgu-javaeye
dlee
eamoi之Coder日志
FrankGu
GHawk
IBM開(kāi)發(fā)者圈子
JPOBLOG
robbin的口水
華山論劍
嘟嘟老窩
屋頂上的木帷幕
草惜草
野馬
飛揚(yáng)
Open Source
EasyJF
最新隨筆
1.?個(gè)人網(wǎng)站啟用www.agows.cn
2.?訂釘
3.?I will be with you
4.?袁天罡稱(chēng)骨歌 評(píng)定百年之貴賤
5.?Everybody needs somebody
6.?旅游板塊開(kāi)篇
7.?我們的留學(xué)生活在日本的日子 感動(dòng)華人世界的影片
8.?BEA首屆原創(chuàng)文章獲獎(jiǎng)作品導(dǎo)讀
9.?白了少年頭,空悲切!
10.?谷歌=山歌?
11.?【摘】Subversion第三方工具
12.?
About thinking in java
13.?My first bussiness letter in english
14.?遭遇“AV終結(jié)者”
15.?javascript控制關(guān)鍵字高亮顯示
16.?LOVE PSYCHEDELICO
17.?博客價(jià)值評(píng)估
18.?Yesterday Once More
19.?局域網(wǎng)管理工具
20.?艾爾頓·約翰
21.?今日關(guān)注
22.?Java 專(zhuān)業(yè)人士必備的書(shū)籍和網(wǎng)站列表
23.?Agile web development with Rails 源代碼
24.?fedora core 6 中加載ntfs和fat32分區(qū)
25.?windows xp 下面用grub引導(dǎo)安裝fedora core 6
26.?rails更換版本
27.?MySQL提示Access denied for user 'ODBC'@'localhost'錯(cuò)誤解決方法
28.?使用Eclipse安裝RadRails失敗后......
29.?【摘】配置RadRails
30.?五一歸來(lái),網(wǎng)站崩潰(sohu,tom,sina)
31.?【摘】如何挑選松獅幼犬
32.?開(kāi)源Java版BBS,Blog
33.?native2ascii用法解析
34.?最新關(guān)注
35.?寫(xiě)點(diǎn)感悟
36.?Linux 介紹
37.?2007新年新計(jì)劃
38.?【摘】敏捷軟件開(kāi)發(fā)圖書(shū)概覽
39.?【摘】java中讀取資源文件
40.?【摘】MIME大全
最新評(píng)論
1.?re: 困擾多時(shí)的Iframe自適應(yīng)高度終于解決了[未登錄](méi)
評(píng)論內(nèi)容較長(zhǎng),點(diǎn)擊標(biāo)題查看
--asa
2.?re: Hibernate Validator
這個(gè)用了,第一次預(yù)熱會(huì)消耗性能73毫秒左右!
--datong
3.?re: 困擾多時(shí)的Iframe自適應(yīng)高度終于解決了
這游戲變態(tài)
--陳建友
4.?re: Java中獲取時(shí)間的幾種方法
非常詳細(xì),明白,謝謝!
--g
5.?re: 困擾多時(shí)的Iframe自適應(yīng)高度終于解決了
編譯出現(xiàn) CS1026: ) expected
為什么?
--tianjing
閱讀排行榜
1.?困擾多時(shí)的Iframe自適應(yīng)高度終于解決了(39315)
2.?Java中獲取時(shí)間的幾種方法(18875)
3.?MySQL提示Access denied for user 'ODBC'@'localhost'錯(cuò)誤解決方法(11020)
4.?native2ascii用法解析(7881)
5.?袁天罡稱(chēng)骨歌 評(píng)定百年之貴賤(6111)
評(píng)論排行榜
1.?困擾多時(shí)的Iframe自適應(yīng)高度終于解決了(13)
2.?博客價(jià)值評(píng)估(8)
3.?Agile web development with Rails 源代碼 (5)
4.?javascript控制關(guān)鍵字高亮顯示(3)
5.?LOVE PSYCHEDELICO(1)
Copyright ©2025 黑咖啡 Powered By
博客園
模板提供:
滬江博客
主站蜘蛛池模板:
三年片免费高清版
|
国产精品免费视频一区
|
国产成人无码免费视频97
|
四虎AV永久在线精品免费观看
|
免费在线观看黄色毛片
|
亚洲色欲一区二区三区在线观看
|
香蕉视频在线观看亚洲
|
亚洲精品视频免费看
|
亚洲午夜精品久久久久久app
|
国产成人亚洲精品电影
|
国产一级一毛免费黄片
|
国内精自视频品线六区免费
|
日韩高清在线免费观看
|
久久亚洲精品无码观看不卡
|
久久亚洲精品无码AV红樱桃
|
亚洲欧美国产欧美色欲
|
jizz在线免费播放
|
2019中文字幕在线电影免费
|
午夜两性色视频免费网站
|
中文字幕亚洲专区
|
亚洲人成人77777网站不卡
|
国产亚洲成在线播放va
|
久久精品免费观看国产
|
成人性生免费视频
|
久久被窝电影亚洲爽爽爽
|
国产91在线|亚洲
|
中文在线日本免费永久18近
|
一级女人18毛片免费
|
亚洲国产中文v高清在线观看
|
亚洲91av视频
|
美女18一级毛片免费看
|
久久久久久久99精品免费
|
国产真人无遮挡作爱免费视频
|
久久久久亚洲AV片无码
|
久久亚洲精品成人无码
|
国产精品免费无遮挡无码永久视频
|
在线免费观看a级片
|
亚洲成a人片在线观看中文动漫
|
亚洲成av人无码亚洲成av人
|
日日麻批免费40分钟无码
|
高清在线亚洲精品国产二区
|