关于ie9 rc版软件兼容问题 createElement_x getElementByIdx_x

分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2013/3/28

无意中看到,让IE兼容HTML 5新标签的方法,原来淘宝是用了一个简单的js来实现的功能(在head标签内用javascript创造一个标签): <script>document.createElement_x('section');</script>
仔细一看:createElement_x 这个为何物? 我们常见的不是:createElement吗,好奇心让我BAIDU、GOOGLE、BING(其实没这么多了),下边是一些相关说明:

ie9 rc新版中javascript有了很多改变,主要是为了兼容W3C标准。
本来是好事,不过也产生了一些“副作用”:

目前有些软件(特别是ie外壳浏览器)中使用了稍复杂的js脚本来做界面或软件控制,
对于这类软件,如果使用的js太有特色,就有可能引起软件崩溃问题。

1.document.createElement_x函数
 在ie9 preview版或之前,可以做如下使用:
  document.createElement_x():默认创建XML空标签。
  document.createElement_x(合法的html):创建给定html元素。
 这两种使用方式在ie9 rc中不可用。
 只能用document.createElement_x('div')之类的表达式,并且在用outerHTML返回的标签都是小写字母。

2.原生函数赋值:
 原生的函数不允许直接附值给变量,例如:
 模仿prototype的写法:

var $=document.getElementByIdx_x;

在ie9 preview及之前版本都是可以的,在ie9 rc中是不合法的,
 只能用:

var $=function(s){return document.getElementByIdx_x(s)};


 类似的“技巧”会导致问题。
3.变量定义:
 用var i;定义变量,如果为了格式对齐将语句中空格用tab代替,会发生错误。
4.dom自定义属性:
 在ie9 preview及以前版本中dom元素可直接用"="操作,如:

var o=document.getElementByIdx_x('someid');
o.myprop='strange';
var s=o.myprop;


 而在ie9 rc中这样的写法什么都得不到,都是浮云。

 

 只能用setAttribute/getAttribute来操作dom元素自定义属性。
 这可能也是ie9中js速度更快的原因之一:牺牲可用性,提高效率。
5.firstChild/lastChild/previewSibling/nextSibling/childNodes[i]:
 在ie9 preview/rc中,解析html时会经常生成些预料之外的#text元素,
 会导致用一些标准的dom操作函数得到的并非是你想要的东东,如:
  var o=document.getElementByIdx_x('someid').firstChild;
  在变量o中得到的很可能是个#text,而不是你真正想要的东东。

参考: 
Angle Brackets Are Not Allowed in the createElement_x Method 
http://msdn.microsoft.com/en-us/library/ff986077(v=VS.85).aspx

via

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/615.html