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!
相关:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .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 之二