浏览器对Javascript支持差异总结

1.document.getElementsByClassName 通过类名查找 HTML 元素在 IE 5,6,7,8 中无效

2.XMLHttpRequest IE6低版本浏览器没有内置的Xhr对象，需通过 activeXobject("microsoft.XMLHTTP") 创建 ，可以判断是否ie6

if(!window.xmlHttpRequest){ }

document.all 只有IE支持

3.获取scrollTop值各个浏览器差异

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

IE6/7/8：
对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ；
对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ；
Safari:
safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset ；
Firefox:
火狐等等相对标准些的浏览器就省心多了，直接用 document.documentElement.scrollTop ；

使用parentNode属性，parentElement只支持IE

 

toSource

只有 Gecko 核心的浏览器（比如 Firefox）支持该方法，也就是说 IE、Safari、Chrome、Opera 等浏览器均不支持该方法。

<script>
var str = "Hello World"
var str2=[ "Hello" ,"World" ]
var str3={ "hello":'1' ,"World":'2',"ok":'3'}
var str4={ "hello":'1' ,"World":'2',"ok":'3',say:function(){alert(1)}}
document.write(str.toSource()) // (new String("Hello World"))
document.write(str2.toSource()) // ["Hello", "World"]
document.write(str3.toSource()) // ({hello:"1", World:"2", ok:"3"})
document.write(str4.toSource()) // ({hello:"1", World:"2", ok:"3", say:(function (){alert(1)})})
</script>