js 判断是否html5,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来替代。

$(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

});

}

}