JavaScript DOMプログラミングアートノート(11章)

1228 ワード

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')){
    //            
}

html 5オフラインアプリケーションサーバ側構成(tomcat)

6週目-プロジェクト4-三角形クラス