本文介绍了一种在HTML页面上实现文本高亮显示的方法。通过使用JavaScript和正则表达式来匹配并高亮显示搜索关键词，同时提供了清除高亮的功能。此方法适用于需要对页面文本进行快速搜索和视觉突出的应用场景。
html:
<head>区域:
①：
<style>
.highlight {background-color: #FFFF88; }
</style>
②：
<script src="/js/jquery-1.10.2.js"></script>
③：
<script>
function highlight(searchText) {
clearSelection();
var regExp = new RegExp('('+searchText+')', 'gi');
$('h').each(function()
{
var html = $(this).html();
var newHtml = html.replace(regExp, '<span class="highlight">$1</span>');
$(this).html(newHtml);
});
}
function clearSelection() {
$('h').each(function()
{
$(this).find('.highlight').each(function()
{
$(this).replaceWith($(this).html());
});
});
}
</script>
<body>区域:
①：
・・・・・・
<h>${item.username}</h>
<h>${item.lastLogin?date("yyyy-mm-dd")}</h>
<h>${item.timeZone}</h>
<h>${item.regRegion}</h>
・・・・・・
扫一扫
1315
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
