非常奇怪,难道FireFox的正则表达式引擎有问题吗?

查看:81
本文介绍了非常奇怪,难道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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆