非常奇怪,难道FireFox的正则表达式引擎有问题吗?
本文介绍了非常奇怪,难道FireFox的正则表达式引擎有问题吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
先看代码:
<!DOCTYPE html>
<html>
<head>
<title>ideal</title>
<meta charset="utf-8">
</head>
<body>
msg1: <input class="test" type="text" v-model="msg1">
<br><br>
msg2: <input class="test" type="text" v-model="msg2">
<script>
var el = document.getElementsByClassName('test');
for (var i = 0; i < el.length; i++) {
el[i].outerHTML = el[i].outerHTML.replace(/v-model=\"(.*)\"/g, function(pMatch, pGroup) {
console.log('pGroup: ' + pGroup);
return 'data-element-binding' + '="' + pGroup + '"';
});
}
</script>
</body>
</html>
上面这段代码在FireFox 50.0的控制台输出:
而在Chrome的控制台输出:
在IE的控制台输出:
完全卸载后重装FireFox问题仍然一样。为什么?
解决方案
是浏览对标签的解析方式不一样
浏览器对标签属性解析后,和你源码的标签属性顺序不一定一致
正则稍微改下
/v-model=\"(.*?)\"/g
这篇关于非常奇怪,难道FireFox的正则表达式引擎有问题吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文