页面的关键词高亮

Posted 2020-10-25 蔡春保

function keyLight(id, key, bgColor) {
　　var oDiv = document.getElementById(id),
　　sText = oDiv.innerhtml,
　　bgColor = bgColor || "orange",
　　sKey = "<span style=‘color: " + bgColor + ";‘>" + key + "</span>",
　　num = -1,
　　rStr = new RegExp(key, "g"),
　　rHtml = new RegExp("\<.*?\>", "ig"), //匹配html元素
　　aHtml = sText.match(rHtml); //存放html元素的数组
　　sText = sText.replace(rHtml, ‘{~}‘);  //替换html标签
　　sText = sText.replace(rStr, sKey); //替换key
　　sText = sText.replace(/{~}/g, function () {  //恢复html标签
　　num++;
　　return aHtml[num];
　　});
　　oDiv.innerHTML = sText;
}
var key1 = keyLight(‘result‘, ‘关键词‘);
var key2 = keyLight(‘result‘, ‘关键词‘, ‘red‘)