JavaScriptでHTML

A、<script>要素

  1.1プロパティ

    ①async:オプション。発現ダウンロードスクリプトが直ちにローディング直後に実行するが、文書解析または他の操作を妨害しない(通常の状況が邪魔しない下で、すなわち、平行及び文書解析非同期です)。唯一の外部スクリプトファイルの有効な。

    ②defer:オプション。示す文書を再解析し、ディスプレイ完全にされた後、スクリプトのみを実行する(非同期、その差がDOMContentLoadedイベントが先行する、上記の実行順序である)こと唯一の外部スクリプトファイルの有効な。注:実際には、スクリプトは必ずしも順序の実装は必ずしもDOMContentLoadedイベントトリガの前に実行されることはありません遅らせないので、良いスクリプトが遅延のみが含まれています。 

 

 

 

    ③charset:オプション。Src属性は、(外部リンクは単にその文字セットである)のコードは、文字セットを表して指定します。唯一の外部スクリプトファイルの有効な。

    ④src:オプション。実行される外部スクリプトファイルを含める表します。

 

 

 

    ⑤typeは:スクリプト言語のコンテンツタイプを表します。たとえばjsのスクリプトのテキスト/ javascriptのは(実際には、これは問題ではない必要はありません)です。

  1.2ラベルの場所

    伝統的な練習は、すべての<head>タグの上のすべての<script>タグにあります。しかし、このような結果は、あるだけの<head>すべてのスクリプトのタグ、すべての解析およびダウンロードが実行された後(ユーザーが見ることができる)<身体>の内容を解析し始めることができます間違いなくブラウザ原因ページの表示をレンダリングしますので、大きな遅延が遅延ブラウザウィンドウの間に発生する空白になります。この問題を回避するために、一般的なスクリプトは、<body>要素のすべての内容の裏ページにドキュメントの操作とは何の関係もありません。

    別の解決策は、単に上記の延期と非同期属性プロパティとすることです。

第二に、埋め込まれたコードと外部ファイル

  私たちは、外部ファイル参照を使用することをお勧めします。私たちは、次のような利点があります。

  保守性:異なるHTMLページにわたってJavaScriptがメンテナンス上の問題を引き起こす可能性があります。しかし、すべてのJavaScriptファイルは、そんなに簡単にそれを維持し、フォルダに配置されています。そのため、開発者は、JavaScriptコードを編集するには、HTMLタグと濃縮物に触れることなくすることができます。

  キャッシュ可能:ブラウザによってはキャッシュリンクにすべての外部JavaScriptファイルを設定することができます。すなわち、2つのページが同じファイルを使用するがある場合、そのファイルは一度だけダウンロードされています。そのため、最終的な結果はページの読み込みを高速化する機能です。

  未来への適応:XHTMLを使用せずにJavaScriptやを含む外部ファイルがハックコメントしています。外部ファイルを含める構文HTMLとXHTMLは同じです。

三、<NOSCRIPT>要素

  初期のブラウザでは(つまりは何も表示しません)スムーズなページ劣化を行う必要はJavaScriptのスクリプトをサポートしていないかもしれません。だから、<NOSCRIPT>要素が表示され、使用には、JavaScriptのブラウザ表示代替コンテンツをサポートしていません。この要素は任意の要素は、<身体> ---- <スクリプト>例外に表示でき含むことができます。<NOSCRIPT>要素に含まれるコンテンツは、次の場合にのみ表示されます。

  ブラウザはスクリプトをサポートしていません。

  ブラウザのサポートスクリプトが、スクリプトが無効になっています。 

  これらの条件のいずれかの遵守、ブラウザは<NOSCRIPT>上記の内容を表示します。他の例では、ユーザーは<NOSCRIPT>内の内容を見ることはありません。

 

 

おすすめ

転載: www.cnblogs.com/Falling-snow/p/11993882.html