<!DOCTYPE HTML>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=gdk" />
<head>
<title>检索关键字</title>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div style="width:100%; height:100px">
<input id="key" type="text"/><input type="button" value="检索" onclick="search()"/>
</div>
<div id="result">
说散就散 - 刘旭阳<br/>
词：张楚翘<br/>
曲：伍乐城<br/>
抱一抱就当作从没有在一起 好不好要解释都已经来不及<br/>
算了吧我付出过什么没关系 我忽略自己就因为遇见你<br/>
没办法好可怕那个我不像话 一直奋不顾身是我太傻<br/>
说不上爱别说谎就一点喜欢 说不上恨别纠缠别装作感叹<br/>
就当作我太麻烦不停让自己受伤 我告诉我自己感情就是这样<br/>
怎么一不小心太疯狂 抱一抱再好好觉悟不能长久<br/>
好不好有亏欠我们都别追究 算了吧我付出再多都不足够<br/>
我终于得救我不想再献丑 没办法不好吗大家都不留下<br/>
一直勉强相处总会累垮 说不上爱别说谎就一点喜欢<br/>
说不上恨别纠缠别装作感叹 就当作我太麻烦不停让自己受伤<br/>
我告诉我自己感情就是这样 怎么一不小心太疯狂<br/>
别后悔就算错过 在以后你少不免想起我<br/>
还算不错 当我不在你会不会难过<br/>
你够不够我这样洒脱 说不上爱别说谎就一点喜欢<br/>
说不上恨别纠缠别装作感叹 将一切都体谅将一切都原谅<br/>
我尝试找答案而答案很简单 简单得很遗憾<br/>
因为成长我们逼不得已要习惯 因为成长我们忽尔间说散就散<br/>
</div>
<script>
function keyLight(id, key, bgColor){
var oDiv = document.getElementById(id),
sText = oDiv.innerHTML,
bgColor = bgColor || "orange",
sKey = "<span name='addSpan' style='background-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;
}
function search(){
if(typeof($("span[name='addSpan']").get(0)) != 'undefined'){
var html = $("span[name='addSpan']").get(0).textContent;
$("span[name='addSpan']").before(html);
$("span[name='addSpan']").remove();
}
//location.reload();
var key = document.getElementById("key").value;
if($.trim(key) != null && $.trim(key) != ''){
keyLight('result', key);
}
}
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
2017-09-30 js改变iframe 的src地址
2017-09-30 oracle常用& to_date()怎么转换带am pm的时间格式
2017-09-30 distinct 多列详解
2017-09-30 javascript中遍历EL表达式List集合中的值
2017-09-30 JSTL fn:contains()函数
2017-09-30 用jstl标签判断一个字符串是否包含了另一个字符串
2017-09-30 fn:replace()函数