js文本高亮

最新推荐文章于 2024-08-21 18:03:01 发布

原创最新推荐文章于 2024-08-21 18:03:01 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #button #function #table

js 专栏收录该内容

9 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>文字高亮</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script language="javascript">
    	function init() {
    		
    		var keys = new Array("aa", "bb", "cc");
        
	        var keysOther = new Array("11", "22", "33");
	    
		   	var reblog = eval("/("+keys.join('|')+")/gi");
		   	
		   	document.getElementById("title").innerHTML = document.getElementById("title").innerHTML.replace(reblog,"<font color=red>$1</font>");
		   	document.getElementById("summary").innerHTML = document.getElementById("summary").innerHTML.replace(reblog,"<font color=red>$1</font>");
				
			var reblogOther = eval("/("+keysOther.join('|')+")/gi");
			
			document.getElementById("title").innerHTML = document.getElementById("title").innerHTML.replace(reblogOther,"<font color=yellow>$1</font>");
		   	document.getElementById("summary").innerHTML = document.getElementById("summary").innerHTML.replace(reblogOther,"<font color=yellow>$1</font>");
    	}
        
	   	
    
</script>
		
  </head>
  
  <body>
  	<button onclick="init()">xxxxxxx</button>
    <table width="100%" height="100%">
    	<tr>
    		<td id="title">
    			asdasdflsajdfaafdsfjbbfdsffecc11sdfsssscc22222sdfs333
    		</td>
    	</tr>
    	<tr>
    		<td id="summary">
    			asdasdflsajdfaafdsfjbbfdsffecc11sdfsssscc22222sdfs333
    		</td>
    	</tr>
    </table>
  </body>
</html>