关键词高亮显示
网上很多都是单个关键字的全文突出显示,始终不符合要求.
1.
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]);
}
}
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]);
}
}
2.正则表达式处理
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");
}
{
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");
}
3.
<input type="button" value="clck" onclick="test2('a3');"/>
<script language="javascript">
function test()
{
document.location.href = "DBAI_les20_globalization_support.ppt";
}
function test2(name)
{
if(document.all)
{
document.getElementById(name).click();
}
else
{
var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, true);
document.getElementById(name).dispatchEvent(evt);
}
}
</script>
<script language="javascript">
function test()
{
document.location.href = "DBAI_les20_globalization_support.ppt";
}
function test2(name)
{
if(document.all)
{
document.getElementById(name).click();
}
else
{
var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, true);
document.getElementById(name).dispatchEvent(evt);
}
}
</script>