Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5Modernizrの使用法


Modernizrは、次世代Webテクノロジーのネイティブ実装の可用性を検出する小さなJavaScriptライブラリです。

Modernizrは、対応するアクションを実行できるように、新しい機能を検出する簡単な方法を提供します。たとえば、ブラウザがビデオ機能をサポートしていない場合は、簡単なページを表示したいとします。

Modernizrの使用を開始する前に、次のようにJavaScriptライブラリをHTMLページヘッダーに含める必要があります。

<script src = "modernizr.min.js"></script>

上記のように、機能の可用性に基づいてCSSルールを作成できます。これらのルールは、ブラウザが新しい機能をサポートしていない場合、Webページに自動的に適用されます


  1. HTML5 Blob.slice()メソッドの使用

    HTML5ファイルのBlob.slice()メソッドは、データを含むBlobオブジェクトを作成するのに役立ちます。このデータは、ソースBlobの指定されたバイト範囲にあります。 slice()を使用してバイナリデータを送受信する例を見てみましょう。この例では、テキストを送信し、POSTメソッドを使用して「ファイル」をサーバーに送信します。 var val = new XMLHttpRequest(); val.open("POST", url, true); val.onload = function (event) { }; var blob = new Blob([&#

  2. HTML5での<audio>要素の属性と使用法

    HTML5オーディオタグには、ルックアンドフィールとコントロールのさまざまな機能を制御するためのいくつかの属性を含めることができます。 Sr。いいえ。 属性と説明 1 自動再生 このブール属性を指定すると、データのロードを停止せずに、オーディオの再生が可能になるとすぐに自動的に開始されます。 2 自動バッファ このブール属性を指定すると、自動的に再生するように設定されていなくても、オーディオは自動的にバッファリングを開始します。 3 コントロール この属性が存在する場合、ユーザーは、音量、シーク、再生の一時停止/再開などのオーディオ再生