码迷,mamicode.com
首页 > 其他好文 > 详细

【前端学习】检测浏览器是否支持这些属性

时间:2015-03-31 19:25:40      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

  1. var supports = (function() {
  2. var div = document.createElement(‘div‘),
  3. vendors = ‘Khtml Ms O Moz Webkit‘.split(‘ ‘),
  4. len = vendors.length;
  5.  
  6. return function(prop) {
  7. if ( prop in div.style ) return true;
  8.  
  9. prop = prop.replace(/^[a-z]/, function(val) {
  10. return val.toUpperCase();
  11. });
  12.  
  13. while(len--) {
  14. if ( vendors[len] + prop in div.style ) {
  15. // browser supports box-shadow. Do what you need.
  16. // Or use a bang (!) to test if the browser doesn‘t.
  17. return true;
  18. }
  19. }
  20. return false;
  21. };
  22. })();
  23.  
  24. if ( supports(‘textShadow‘) ) {
  25. document.documentElement.className += ‘ textShadow‘;
  26. }

【前端学习】检测浏览器是否支持这些属性

标签:

原文地址:http://www.cnblogs.com/lomo321/p/4381619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!