ホームページ  >  記事  >  ウェブフロントエンド  >  IE9 以下のブラウザを HTML5_html5 と互換性を持たせる方法のチュートリアルのヒント

IE9 以下のブラウザを HTML5_html5 と互換性を持たせる方法のチュートリアルのヒント

WBOY
WBOYオリジナル
2016-05-16 15:48:151823ブラウズ

IE (IE6 を含む) で HTML5 要素をサポートするには、次の JavaScript を HTML ヘッダーに追加する必要があります。これは、条件付きコメントを使用して IE 用のこの js ファイルを呼び出す単純な document.createElement ステートメントです。 Opera、FireFox、およびその他の IE 以外のブラウザはこのコードを無視し、http リクエストは行われません。

コードをコピー
コードは次のとおりです:





上記のコードは IE ブラウザーでのみ実行されます。もう 1 つの注意点は、ページ内で html5.js ファイルを呼び出すときに、ページの head 要素内にファイルを追加する必要があることです。 IE ブラウザは要素を解析する必要があります。この要素は以前から知られているため、この js ファイルをページの下部で呼び出すことはできません。
作者は、誰もが直接呼び出せるように、この html5 js ファイルを Google コード プロジェクトに配置しました。もちろん、これが Web ページを開く速度に影響すると思われる場合は、html5 js ファイルを直接ダウンロードして、次の場所にアップロードすることもできます。独自のサーバーを作成し、個別に呼び出します。
次は html5 の js ファイルのコードです:

コードをコピーします
コードは次のとおりです:

(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,イベントソース、図、フッター、ヘッダー、hgroup、マーク、メニュー、メーター、ナビゲーション、出力、進行状況、セクション、時間、ビデオ".split(','),i=e.length;while(i–){document. createElement(e[i] )}})()

IE ブラウザで HTML5 要素をサポートするために、Web ページで上記のコードを含む js ファイルを呼び出すだけでなく、次のコードを追加することもできます。次の方法で Web ページに直接アクセスします。

コードをコピー
コードは次のとおりです:


<script><br>(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,詳細、ダイアログ、イベントソース、図、フッター、ヘッダー、hgroup、マーク、メニュー、メーター、ナビゲーション、出力、進行状況、セクション、時間、ビデオ”.split(','),i=e.length;while(i– ){document .createElement(e[i])}})() <br></script>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。