javascript检测浏览器是否支持某些方法及属性

判断当前浏览器是否支持 document.getElementsByClassName，最直接的方法莫过于直接if 了

if ( document.getElementsByClassName ) {

//do something

}

确实可以的，但如果我们当前引入了一个第三方的js , js中声明了 document.getElementsByClassName = 我们不希望的东西，那就歇菜了。

浏览器对于原生的方法，调用其toString方法，会返回 'function funName() { [native code] }'的，

如

document.getElementsByClassName.toString() === 'function getElementsByClassName() { [native code] }'

因此，可以通过此特性，用一个正则表达式匹配是否有 ‘{ [native' 这个字段，来判断方法是否为原生（即浏览器支持）。

var re_native = /^[^{]+\{\s*\[native \w/,

supportGetByClass = re_native.test(document.getElementsByClassName),

supportQuerySelector = re_native.test(document.querySelectorAll);

对于判断是否支持某些属性，这个方法是不行的，

我们可以创建一个 element 去做判断

var div = document.createElement('div'),

//判断当前浏览器是否支持半透明 opacity

supportOpacity =  'opacity' in div.style,

//判断浏览器是否支持 classList 操作方法

supportClassList = 'classList' in div;