您的位置:首页 > Web前端 > JavaScript

原生JavaScript判断浏览器对CSS属性是否支持

2015-03-06 15:12 459 查看
/*判断浏览器是否支持某个css属性*/
function SupportCss(attrName){
var i=0,
arr = SupportCss.opt.aBrowser,
eleStyle = SupportCss.opt.eleStyle;

for(i;i<arr.length ;i++){
if(arr[i] + attrName in eleStyle){return true;}
}
return false;
}

/*构造函数静态属性*/
SupportCss.opt = {

/*浏览器前缀*/
aBrowser : ['', '-webkit-', '-Moz-', '-ms-', '-o-'],

/*页面对象*/
eleStyle : document.documentElement.style
};

console.log('transition:',SupportCss('transition'));
console.log('width:',SupportCss('width'));


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: