最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
给HTML标签中的属性添加双引号js代码
时间:2012-09-01 编辑:简简单单 来源:一聚教程网
LeXRus的第一个正则如下:
代码如下 | 复制代码 |
/(?! |
第一个括号没看明白,JS应该是不支持。所以我擅自给删掉了,剩下的正则如下:
代码如下 | 复制代码 |
/(s+w+)=([^>"s]+)/ig |
第一个括号里的s+w+匹配的是属性名。
然后是=,不用转义。
第二个括号里的[^>"s]+匹配属性值。不匹配>”和空格。这里的引号不用转义。在意思不改变的情况下,稍微改了改,正则如下:
代码如下 | 复制代码 |
/(s+w+)=([^>"s]+)/ig |
需要注意的是这个正则不匹配=两边有空格的属性,例如href = xxx。相匹配的话就改成:
代码如下 | 复制代码 |
/(s+w+)s*=s*([^>"s]+)/ig |
代码:
代码如下 | 复制代码 |
str=str.replace(/(?! |
其中’$1=”$2”’就实现了给属性值添加上双引号。不过ncs指出了这个正则替换的几个问题,一是上面的空格问题,二是如果非标签内部有等号,且前面又恰巧有空白字符的话,它将会被误识别为属性,例如:
代码如下 | 复制代码 |
里面的test=sd也会被匹配。三是如果属性原来使用了单引号,会被再包上一层双引号……
来看看LeXRus前辈的新正则替换方法:
代码如下 | 复制代码 |
str=str.replace(/(?! .replace(/"'([^'"]+)'"/ig,'"$1"'); |
先来看第一个正则:
代码如下 | 复制代码 |
/ (s+w+)s*=s*([^>"s]+)(?=[^>]*>)/ig |
结尾新添的(?=[^>]*>)意在解决普通文本中有等号被误识别为属性的问题:
代码如下 | 复制代码 |
就没问题了,但是
代码如下 | 复制代码 |
中的test=sd
我觉得改成下面的正则就没问题了:
代码如下 | 复制代码 |
/(s+w+)s*=s*([^<>"s]+)(?=[^<>]*>)/ig |
分别在第二个括号的字符集合和最后的反向预查的字符集合中添加了一个<。
下面再来分析第二个正则,
代码如下 | 复制代码 |
/"'([^'"]+)'"/ig |
这个正则用于匹配双引号,单引号多层嵌套的情况,同样,不用转义,修改正则如下:
代码如下 | 复制代码 |
/"'([^'"]*)'"/ig |
这样基本任务就完成了。测试代码如下:
代码如下 | 复制代码 |
|
原帖里LeXRus又提出了新问题:
hint=i am lexrus
这样的属性会有问题,不过我感觉不加引号的话,属性值里就不可能有空格,否则会被识别为多个属性了。不过看到最后ncs的回帖我就哭了:
代码如下 | 复制代码 |
onclick=if(document.forms.length>0) |
这样的属性怎么办?大于号会被识别为标签结束……还是分离行为与文档吧。补充一下,其实修补一下正则也可以解决,只要改成如下正则即可:
代码如下 | 复制代码 |
/(s+w+)s*=s*([^"s]+)(?=[^<>]*>)/ig |
就是去掉第二个括号内字符集合里的<>。最后这个问题也解决
相关文章
- JS实现直接运行html代码的方法 06-22
- JS html时钟制作代码分享 05-20
- html5中placeholder兼容js代码 08-06
- Ember.js 模板添加 HTML5 属性 03-03
- js中outerHTML innerHTML与innerText区别与用法 11-15
- js检测text文本输入框中是否有html代码 09-26