<script> 
function HighLight(nWord){ 

if(nWord!=''){ 

var keyword = document.body.createTextRange(); 

while(keyword.findText(nWord)){ 

keyword.pasteHTML("<span style='color:red;'>" + keyword.text + "</span>"); 

keyword.moveStart('character',1); 

} 

} 

} 

function highword(nWord){ 

var array = nWord.split(","); 

for(var i=0;i<array.length;i++){ 

HighLight(array[i]); 

} 

} 
</script> 

<body onload="highword('li,jin')"> 

<p>liujinzhong liujinzhong liuzhong</p> 

</body>

js高亮方法二：

2.

復(fù)制代碼代碼如下:

<html> 
<head> 
<title>Test Page</title> 
<script type="text/javascript"> 
<!-- 
function highLight(ele,keys) 
{ 
var reg = new RegExp("(" + keys.replace(/,/,"|") + ")","g"); 

ele.innerHTML = ele.innerHTML.replace(reg,"<font color=\"red\">$1</font>"); 
} 

window.onload = function() 
{ 
highLight(document.getElementsByTagName("p")[0],"li,jin"); 
} 
//--> 
</script> 
</head> 

<body> 
<p>liujinzhong liujinzhong liuzhong</p> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

基于BootStrap的前端分頁帶省略號和上下頁效果
這篇文章主要介紹了基于BootStrap的前端分頁帶省略號和上下頁效果,需要的朋友可以參考下
2017-05-05
JavaScript數(shù)組、json對象、eval()函數(shù)用法實例分析
這篇文章主要介紹了JavaScript數(shù)組、json對象、eval()函數(shù)用法,結(jié)合實例形式分析了JS數(shù)組創(chuàng)建、賦值、連接、翻轉(zhuǎn),json對象定義、讀取,eval()函數(shù)的功能、使用等,需要的朋友可以參考下
2019-02-02
JS/jQuery實現(xiàn)超簡單的Table表格添加,刪除行功能示例
這篇文章主要介紹了JS/jQuery實現(xiàn)超簡單的Table表格添加,刪除行功能,結(jié)合實例形式詳細分析了JS與jQuery針對Table表格添加,刪除行功能的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2019-07-07
js控件Kindeditor實現(xiàn)圖片自動上傳功能
這篇文章主要為大家詳細介紹了js控件Kindeditor實現(xiàn)圖片自動上傳功能的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-06-06
Bootstrap Table使用方法解析
這篇文章主要為大家詳細介紹了JS組件Bootstrap Table使用方法，具有一定的實用性和參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
根據(jù)配置文件加載js依賴模塊
這篇文章主要介紹了根據(jù)配置文件加載js依賴模塊,解決方法是筆者自己的思路，拋磚引玉，需要的朋友可以參考下
2014-12-12
簡單了解微信小程序的目錄結(jié)構(gòu)
這篇文章主要介紹了簡單了解小程序的目錄結(jié)構(gòu)，在開發(fā)小程序之前，我們首先需要對其目錄結(jié)構(gòu)進行了解，以便于提升開發(fā)效率,需要的朋友可以參考下
2019-07-07
Form表單按回車自動提交表單的實現(xiàn)方法
本文給大家分享form表單按回車自動提交表單的方法，在前端開發(fā)中經(jīng)常會遇到，今天小編給大家介紹具體實現(xiàn)方法，感興趣的朋友一起看看
2016-11-11
js實現(xiàn)淘寶首頁的banner欄效果
這篇文章主要為大家詳細介紹了js實現(xiàn)淘寶首頁的banner欄效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-11-11
JS集合set類的實現(xiàn)與使用方法示例
這篇文章主要介紹了JS集合set類的實現(xiàn)與使用方法,結(jié)合具體實例形式分析了javascript集合的創(chuàng)建、元素添加、刪除以及并集、交集、補集等運算相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02