JavaScriptを使用して多くのドキュメントにHTMLを含める方法

同じコンテンツをサイトの複数のページにコピーするには、HTMLを使用してそのコンテンツを手動でコピー&ペーストする必要があります。 しかし、JavaScriptを使用すると、サーバースクリプトなしでコードスニペットを含めることができます。

難易度:平均

所要時間: 15分

ここでの方法

  1. 繰り返したいHTMLを書き、別のファイルに保存します。
    1. インクルードファイルを別のディレクトリ(通常は "インクルード")に保存するのが好きです。 著作権情報を以下のようなインクルードファイルに保存します:includes / copyright.js
  2. HTMLはJavaScriptではないので、すべての行にJSコードdocument.writeを追加する必要があります。 document.write( "著作権Jennifer Kyrnin 1992");
  3. インクルードファイルを表示するWebページを開きます。
  4. インクルードファイルが表示されるHTML内の場所を探し、そこに次のコードを挿入します。
  5. インクルードファイルの場所を反映するようにパスとファイル名を変更します。
  6. 著作権情報を必要とするすべてのページに同じコードを追加します。
  7. 著作権情報が変更されたら、copyright.jsファイルを編集します。 アップロードしたら、サイトのすべてのページで変更されます。

ヒント

  1. jsファイル内のHTMLのすべての行でdocument.writeを忘れないでください。 それ以外の場合、動作しません。
  2. JavaScriptインクルードファイルにHTMLまたはテキストを含めることができます。 標準のHTMLファイルに含めることができるものは、JavaScriptのインクルードファイルに入れることができます。
  3. HTMLドキュメントのどこかに、headを含めJavaScriptをインクルードすることができます。
  4. Webページのドキュメントには、含まれているHTMLは表示されず、JavaScriptスクリプトの呼び出しのみが表示されます。