HTML5
检查浏览器支持的控件
-
可以使用 Modernizr 开源库的 inputtypes.type 属性:
if (!Modernizr.inputtypes.date) { //生成日期选择器的脚本 }
要检查某个属性,可以用 input.attribut 属性:
if (!Modernizr.input.placeholder) { //生成占位符提示信息的脚本 }
-
如果不使用 Modernizr,可以使用下面这个 inputSupportsType 函数来检查浏览器支持的控件:
function inputSupportsType(type){ if (!document.createElement) return false; var input = document.createElement('input'); input.setAttribut('type', type); if (input.type == 'text' && type != 'text'){ return false; } else { return true; } }
用法:
if (!inputSupportsType('date')){ //生成日期选择器的脚本 }
要检查某个属性,可以用下面这个 elementSupportsAttribute 函数:
function elementSupportsAttribute(elementName, attribute){ if (!document.createElement) return false; var temp = document.createElement(elementName); return (attribute in temp); }
用法:
if (!elementSupportsAttribute('input', 'placeholder')){ //生成占位符提示信息的脚本 }