HTML5
檢查瀏覽器支持的控件
-
可以使用 Modernizr 開源庫的 inputtypes.type 屬性:
if (!Modernizr.inputtypes.date) { //生成日期選擇器的腳本 }
要檢查某個屬性,可以用 input.attribut 屬性:
if (!Modernizr.input.placeholder) { //生成占位符提示信息的腳本 }
-
如果不使用 Modernizr疑苫,可以使用下面這個 inputSupportsType 函數(shù)來檢查瀏覽器支持的控件:
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 函數(shù):
function elementSupportsAttribute(elementName, attribute){ if (!document.createElement) return false; var temp = document.createElement(elementName); return (attribute in temp); }
用法:
if (!elementSupportsAttribute('input', 'placeholder')){ //生成占位符提示信息的腳本 }