JvavScript正则取img的alt值问题
我最近最想做的一件事情就是找坨大便摔到IE开发人员的脸上,先说事情吧。
在Discuz!可视化编辑器和UBB编辑器之转换的时候,比如本来是
<img src="http://www.love.com/Discuz!6.0/images/avatars/noavatar.gif" border="0" alt="头像"/>
但是IE给的内容是
<img alt=头像 src="http://www.love.com/Discuz!6.0/images/avatars/noavatar.gif" border=0/>
好好的双引号硬是给我吃了,莫非你很饿么?
本来用的正则是re = /alt=(["']+)([\s\S]*?)(\1)/i;去匹配出alt的值出来。
结果IE给出的内容就没法匹配,关键是没有双引号,而且alt值有能位任意值,Firefox就没有这个问题。
很是郁闷,有机会让我见者了开发IE浏览器内核的人,我一定丢坨大便给他,估计每个和JavaScript以及各个版本浏览器大交道的同行都有次想法吧:)
最后的解决方式是:加了另外加了个正则
re = /alt=([\s\S]*?)(>|\s>|\ssrc|\sborder|\swidth|\sheight|\s\/>|\”)/i;
去匹配IE产生的这些非标准内容。
详细代码如下:
//下面取alt值是针对标准浏览器即alt="xxxx"带双引号模式;
re = /alt=(["']+)([\s\S]*?)(\1)/i;
var matches = re.exec(attributes);
if(matches != null) {
var alt = matches[2];
if(alt.length) {
return ‘[img=' + src + ']‘ + alt + ‘[/img]‘;
}
}
//下面取alt值是针对非标准浏览器比如狗日的IE,即alt=xxxx这种不带双引号模式;
re = /alt=([\s\S]*?)(>|\s>|\ssrc|\sborder|\swidth|\sheight|\s\/>|\")/i;
var matches = re.exec(attributes);
if(matches != null) {
var alt = matches[1];
if(alt.length) {
return ‘[img=' + src + ']‘ + alt + ‘[/img]‘;
}
}
大家如果有什么比较好的方式请一定要告知我哦!!~~
下午更新:
感谢blankyao的提醒,发现前面传过来的attributes最后是没有>符号的
所以正则修改为re = /alt=([\s\S]*?)(\ssrc|\sborder|\swidth|\sheight|\”)/i;

