<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>文字高亮</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="javascript">
function init() {

var keys = new Array("aa", "bb", "cc");

var keysOther = new Array("11", "22", "33");

var reblog = eval("/("+keys.join('|')+")/gi");

document.getElementById("title").innerHTML = document.getElementById("title").innerHTML.replace(reblog,"<font color=red>$1</font>");
document.getElementById("summary").innerHTML = document.getElementById("summary").innerHTML.replace(reblog,"<font color=red>$1</font>");

var reblogOther = eval("/("+keysOther.join('|')+")/gi");

document.getElementById("title").innerHTML = document.getElementById("title").innerHTML.replace(reblogOther,"<font color=yellow>$1</font>");
document.getElementById("summary").innerHTML = document.getElementById("summary").innerHTML.replace(reblogOther,"<font color=yellow>$1</font>");
}

</script>

</head>

<body>
<button οnclick="init()">xxxxxxx</button>
<table width="100%" height="100%">
<tr>
<td id="title">
asdasdflsajdfaafdsfjbbfdsffecc11sdfsssscc22222sdfs333
</td>
</tr>
<tr>
<td id="summary">
asdasdflsajdfaafdsfjbbfdsffecc11sdfsssscc22222sdfs333
</td>
</tr>
</table>
</body>
</html>

http://blog.csdn.net/whumr1/article/details/6760746

转载于:https://www.cnblogs.com/pengkunfan/p/4040374.html

web 开发之js---js 实现文本高亮相关推荐

  1. 移动web开发之rem布局（rem基础、媒体查询、 less 基础、rem适配方案）

    移动web开发之rem布局 一.rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小. 不同的是rem的基准是相对于html元素的字体大小. 比如,根元素 ...

  2. Swift Web 开发之 Vapor - 入门（一）

    简介 Vapor 是一个基于纯 Swift 构建出的 Web 开发框架,目前可以运行在 macOS 和 Ubuntu ,用于构建出漂亮易用的网站或者 API 服务. 官方称是用的最多的 Swift w ...

  3. 18. 【移动Web开发之rem适配布局】

    文章目录 [移动Web开发之rem适配布局]前端小抄(18) 一.rem单位 1.1 rem 单位 二.媒体查询 2.1 什么是媒体查询 2.2 语法规范 2.2.1 mediatype 查询类型 2 ...

  4. 「学习笔记」移动Web开发之rem适配布局10

    「学习笔记」移动Web开发之rem适配布局10 一.rem单位 1.1 rem 单位 二.媒体查询 2.1 什么是媒体查询 2.2 语法规范 2.2.1 mediatype 查询类型 2.2.2 关键 ...

  5. 21. 【移动端Web开发之vw和vh布局】

    文章目录 [移动端Web开发之vw和vh布局]前端小抄(21) 一.vw和vh 1.1 移动端布局 1.2 vw/vh是什么? 1.3 vw/vh怎么用? 1.4 vw注意事项 1.5 VSCode ...

  6. Swift Web 开发之 Vapor - 模版 Leaf（三）

    模版引擎,对现在的 Web 开发极为重要,几乎所有主流 Web 框架都会支持一种或多种模版引擎,模版引擎可以分离用户界面和业务逻辑,工作原理主要是一种翻译,后端对特定的标记.语法.变量等渲染后再输送给 ...

  7. 17. 【移动Web开发之flex布局】

    文章目录 [移动Web开发之flex布局]前端小抄(17) 一.flex布局体验 1.1 传统布局与flex布局 1.2 初体验 二.flex布局原理 2.1 布局原理 三.flex布局父项常见属性 ...

  8. 「学习笔记」移动Web开发之flex布局9

    「学习笔记」移动Web开发之flex布局9 一.flex布局体验 1.1 传统布局与flex布局 1.2 初体验 二.flex布局原理 2.1 布局原理 三.flex布局父项常见属性 3.1 常见父项 ...

  9. WEB开发之HTML与CSS够用即可-庞永旺-专题视频课程

    WEB开发之HTML与CSS够用即可-113人已学习 课程介绍         讲解常用的HTML标签与CSS样式.这些常用的HTML标签与CSS样式都是本人多年从业经验的总结.只要熟练我总结的HTM ...

  10. 移动WEB开发之-REM（rem）布局

    目录 移动WEB开发之REM布局 rem基础 rem单位 媒体查询 什么是媒体查询 媒体查询语法规范 1.mediatype 查询类型 2.关键字 3.媒体特性 4.媒体查询书写规则 less 基础 ...

最新文章

  1. 【Python学习系列二十八】绘图库pyecharts
  2. Fedora换源：换成aliyun镜像源
  3. json带斜杠java,带斜杠的json解析
  4. layui 数据表格下拉框_layui-table-column-select（layui数据表格可搜索下拉框select）
  5. 2017校招真题在线编程-幸运的袋子
  6. 利用 QQWry.Dat 实现 IP 地址高效检索（PHP）
  7. mfc三视图和斜等测图实现_如何在UE4中实现NPR（非真实感）渲染效果？
  8. 计算机网络习题集_主打选择填空
  9. 如何在win10上连接苹果无线键盘
  10. 在LINUX环境下怎样设置无线网络配置
  11. V2X 公开资料整理
  12. gc算法 java_Java的GC机制及算法
  13. 写在2020年的初秋
  14. 常见java异常英语词汇（一）
  15. 画一只动态皮卡丘（一）
  16. python 条形图填充疏密_如何在python中绘制密度图？
  17. python控制各情况出现概率_python实现概率分布
  18. 网络安全---老白的学习笔记
  19. 震惊！人体润滑液（避孕套）居然能当导热硅脂用
  20. cvc-complex-type.2.4.d: 发现了以元素 ‘base-extension‘ 开头的无效内容。此处不应含有子元素。

热门文章

  1. TFTPClient
  2. 网卡bonding配置
  3. 对zebra的一点思考 --- 002
  4. 解决android Studio 安装完运行提示failed to find build tools revision 24.0.2
  5. 1067 Sort with Swap(0, i) （25 分）思路
  6. 小白都能看懂的numpy与pandas中axis解释
  7. 信息熵 条件熵 信息增益 信息增益比 GINI系数
  8. 解决UnicodeEncodeError: 'gbk' codec can't encode character '\xe4' in position 319等问题
  9. 自从有了计算机和网络才有信息技术,2015年信息技术会考模拟选择题6(俞同明版)...
  10. mysql临时开启二进制_mysql二进制安装 - yunwei-LS的个人空间 - OSCHINA - 中文开源技术交流社区...