JavaScript正则表达式的简单应用:高亮显示
作者:webflash 来源:经典论坛 时间:2008-07-20 12:46:00
大家都知道一些论坛的标题有高亮显示功能,在这里我不讨论也不研究论坛普遍的实现方法,下面是我的实现方法:
实现思路:把要高亮显示的标题加上特定标签一起存入数据库,方法有下面几种:
1.直接用<font>标签包含,如“<font color="#FF0000">正则表达式</font>”;
2.加入特殊字符串,如“$red正则表达式”,然后在内容列表页加个脚本对含“$red”的标签进行查找替换,适用于大型网站,存入数据库的字节较小,类似网站模板技术;
3.只带上样式引用标签,在内容列表页加入样式控制表现,此方法方便更新显示效果(本实例采用此方法)。
实现功能:
1.表单提交验证说明(重定义form的onsubmit事件):
(1)提交空表单提示
(2)正确提交表单提示
2.引用样式风格前判断是否输入内容
3.input取得焦点时隐藏提示面板
4.应用样式时,如果原来没有加入样式的,直接加入本样式引用类和必要的HTML标签;如果已存在必要的HTML标签,只改动class的风格引用类名;在原有引用风格的基础上选择“无”样式,可去除HTML。这些改变不会影响到表单的内容字符串,可以方便修改内容并应用样式。
实现方法:
客户端JavaScript实现,主要用到JavaScript的正则表达式匹配和替换函数。虽然本实例主要讲JavaScript的正则表达式应用,但还是加入了不少额外函数用于提示操作,大家可以不管这些,多留意MyStyle(style)和clearHTML()两个函数就行。
代码很简单,相信大家一看就明白,如有必要,有时间再加上教程吧。
标签:正则表达式,高亮,样式,javascript
0
投稿
猜你喜欢
兼容Firefox的点击复制js代码
2008-08-28 12:17:00
Microsoft Enterprise Library 5.0 如何集成MyS
2011-03-16 15:19:00
asp fso创建与删除文件与文件夹
2008-12-31 16:07:00
网页设计的十大戒律
2008-08-10 17:55:00
SQL Server特殊磁带备份及恢复设计
2009-01-21 14:39:00
文章内链(标签)的一个思路
2009-10-31 19:03:00
asp如何显示最后十名来访者信息?
2010-06-09 18:45:00
长文章自动分页asp实例-支持HTML
2007-10-10 21:29:00
WEB2.0网页制作标准教程(3)定义语言编码
2007-11-13 13:23:00
两侧背景自动延伸的CSS实现方法
2010-02-24 09:42:00
ASP中模拟PHP的关联数组
2009-12-25 16:31:00
数据库基础:MySQL 添加用户的两种方法
2009-05-07 14:26:00
标签水平右对齐更适合中文网站
2009-05-01 11:54:00
asp如何验证IP地址?
2010-06-10 18:37:00
用实例分析如何整理SQL Server输入数据
2009-01-20 15:16:00
交互设计实用指南系列(7)–避免迷路
2010-01-23 09:52:00
FrontPage2002简明教程四:网页超级链接
2008-09-17 11:23:00
记一次成功的sql注入入侵检测附带sql性能优化
2011-09-30 11:29:39
如何用表单的方式推送请求的信息?
2010-06-16 09:47:00
判断sql语句执行是否成功
2008-07-05 12:22:00