JavaScript判断各浏览器CSS前缀的两种方式

不管浏览器更新的多快，号称多么支持标准。厂商不同，他们之间还是有很多差异。我们需要区分出这些差异，针对不同的浏览器做不同的处理。

比如 CSS 前缀，IE 的是 "-ms-"，旧版 Opera 的是 "-o-"，Firefox 的是 "-moz-"，Safari/Chrome 是 "-webkit-"。JavaScript 有多种方式判断它们。

方式1： 特性判断

// 取浏览器的 CSS 前缀var prefix = function() {	var div = document.createElement('div');	var cssText = '-webkit-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -ms-transition:all .1s; transition:all .1s;';	div.style.cssText = cssText;	var style = div.style;	if (style.webkitTransition) {		return '-webkit-';	}	if (style.MozTransition) {		return '-moz-';	}	if (style.oTransition) {		return '-o-';	}	if (style.msTransition) {		return '-ms-';	}	return '';}();

原标题：JavaScript判断各浏览器CSS前缀的两种方式

关键词：JavaScript