最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js 正则实现查询关键字高亮显示
时间:2013-05-29 编辑:简简单单 来源:一聚教程网
//idVal 高亮显示的标签id
//keyword 关键字
代码如下 | 复制代码 |
//color 高亮显示的颜色 /* function $ID(idVal) { |
给文章内的指定关键词加高亮显示
IE下有:
代码如下 | 复制代码 |
|
FireFox下有:
代码如下 | 复制代码 |
var range = document.body.createTextRange(); |
例子
用JS让文章内容指定的关键字加亮
是这样的..
现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
不知道怎样来实现这样的功能啊?特此求助
代码如下 | 复制代码 |
再看实例
用JS让文章内容指定的关键字加亮
是这样的..
现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
不知道怎样来实现这样的功能啊?特此求助
代码如下 | 复制代码 |
一个很完美的实例
代码如下 | 复制代码 |
pagepage 系统page 系统pagepagepage 系统page 系统pagepagepage 系统page 系统pagepagepage 系统page 系统pagepagepage 系统page 系统pagepagepage 系统page window 系统pagepagepage 系统page 系统pagepagepage 系统page 系统pagepagepage 系统page window系统page |
还有一个不错的jquery实现方法,地址大家可参考:http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
-
上一个: js操作xml与html详解
-
下一个: jquery+php无限极联动菜单实例
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31
热门栏目
-
php教程
php入门 php安全 php安装 php常用代码 php高级应用 -
asp.net教程
基础入门 .Net开发 C语言 VB.Net语言 WebService -
手机开发
安卓教程 ios7教程 Windows Phone Windows Mobile 手机常见问题 -
css教程
CSS入门 常用代码 经典案例 样式布局 高级应用 -
网页制作
设计基础 Dreamweaver Frontpage js教程 XNL/XSLT -
办公数码
word excel powerpoint 金山WPS 电脑新手 -
jsp教程
Application与Applet J2EE/EJB/服务器 J2ME开发 Java基础 Java技巧及代码