Ext core 3.1.0的一个大Bug

Ext core 3.1.0(下载地址)中Ext.DomHelper中的applyStyles方法源码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
applyStyles : function(el, styles){
    if(styles){
        var i = 0,
            len,
            style;
 
        el = Ext.fly(el);
        if(Ext.isFunction(styles)){
            styles = styles.call();
        }
        if(Ext.isString(styles)){
            styles = styles.trim().split(/\s*(?::|;)\s*/);
            for(len = styles.length; i < len;){
                el.setStyle(styles[i++], styles[i++]);
            }
        }else if (Ext.isObject(styles)){
            el.setStyle(styles);
        }
    }
},

该方法中这句

1
styles = styles.trim().split(/\s*(?::|;)\s*/);

直接使用字符串类的trim方法,该方法是在ECMA-262(V5) 中给String.prototype上添加的(见15.5.4.20),用来去除字符串两旁的空白字符。

 

各浏览器的最新版本都已支持如IE9、Firefox3、Chrome8、Safari4和Opera10。
但IE6/7/8仍然不支持。导致在IE6/7/8中applyStyles失效,进而影响到Ext.Element的set方法。

测试如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ext.DomHelper.applyStyles方法在IE6/7/8下失效</title>
        <script src="ext-core-debug.js"></script>
    </head>
    <body>
 
        <p id="p1">HELLO</p>
             
        <script type="text/javascript">      
            var dh = Ext.DomHelper;
            var p1 = document.getElementById('p1');
            try{
                dh.applyStyles(p1,'color:red');
            }catch(e){
                alert(e);
            }  
                 
        </script>
    </body>
</html>

这个页面引入了ext-core-debug.js,使用Ext.DomHelper对象的applyStyles方法来设置元素样式。

 

在IE6/7/8中有异常,段落颜色未变。其它浏览器段落p的颜色变成了红色。

 

这是一个大Bug!

 

相关:

Javascript中各种trim的实现

 

posted on   snandy  阅读(2332)  评论(3编辑  收藏  举报

编辑推荐:
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
阅读排行:
· 回顾我的软件开发经历(1)
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· .NET 9 new features-C#13新的锁类型和语义
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
历史上的今天:
2011-05-02 IE8+中XMLHttpRequest支持timeout属性及ontimeout事件
2011-05-02 JS Queue LazyLoad 之二
< 2012年5月 >
29 30 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2
3 4 5 6 7 8 9

统计

点击右上角即可分享
微信分享提示