运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
2
<html xmlns="http://www.w3.org/1999/xhtml">   
3
<head>   
4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
5
<title>JS查询替换关键字</title>   
6
<style type="text/css">   
7
span{color:#f00;font-weight:bold;}    
8
</style>   
9
</head>   
10
<body>   
11
<div>我是标题:这里是文字介绍!</div>   
12
<div>我是老二:老二的描述性文字。</div>   
13
<script type="text/javascript">   
14
var divs = document.getElementsByTagName('div');    
15
for(i=0;i<divs.length;i++){    
16
    var text = divs[i].innerHTML;    
17
    var index = text.indexOf(':');    
18
    var span = document.createElement('span');    
19
    span.innerHTML = text.substring(0,index+1);    
20
    divs[i].innerHTML = text.substring(index+1);     
21
    divs[i].insertBefore(span,divs[i].firstChild);    
22
}    
23
</script>   
24
</body>   
25
</html> 
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
JavaScript智能识别网页关键字并加红
分类
网站常用
描述
JavaScript智能识别网页关键字并加红显示出来,这个效果大家不陌生吧,用JS加红关键字要比程序控制输出好得多,必竟将一部分功能交给了客户浏览器,相应减轻了服务器的压力。
收藏