js判断是否支持html5新特性

到http://modernizr.com/ 下载modernizr.custom.js，并引入到你的页面中，之后可以用如下方法：

 

if (Modernizr.geolocation) //用于检测是否支持geolocation.
if (Modernizr.canvas) //用于检测是否支持canvas.
if (Modernizr.video) { //如果支持video，但需要检测支持哪种格式呢？
  if (Modernizr.video.webm) {
    // try WebM
  } else if (Modernizr.video.ogg) {
    // try Ogg Theora + Vorbis in an Ogg container
  } else if (Modernizr.video.h264){
    // try H.264 video + AAC audio in an MP4 container
  }
}
if (Modernizr.inputtypes.date) //检测是否支持日期输入。

 

 

实例：

input type=date 在ie9以下都不支持，此时可以用js判断是否支持，如不支持，改用jquery datepicker来替代。

 

<input type="date" id="sdate">	

 

 $(function() {
	  
    // browser not support HTML5 inputtype=date.
    if (!Modernizr.inputtypes.date) {
      $( "#sdate" ).datepicker({
  	    dateFormat: "yy-mm-dd",
    	showOn: "button",
        buttonImage: "assets/img/calendar.gif",
        buttonImageOnly: true	
      });  
  	  
    }
}