Skip to main content

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

Getting started with Firebase Auth on the Web - Firecasts (六月 2026)

Getting started with Firebase Auth on the Web - Firecasts (六月 2026)
Anonim

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

Javascriptを使用してHTMLを組み込む

  1. 繰り返したいHTMLを書き、別のファイルに保存します。

    インクルードファイルを別のディレクトリ(通常は「インクルード」)に保存すると便利です。著作権情報を次のようなインクルードファイルに保存します:

    includes / copyright.js

  2. HTMLはJavaScriptではないので、JSコードを追加する必要があります document.write すべての行に

    document.write( "著作権Jennifer Kyrnin 1992");

  3. インクルードファイルを表示するWebページを開きます。

  4. インクルードファイルが表示されるHTML内の場所を探し、そこに次のコードを挿入します。

  5. インクルードファイルの場所を反映するようにパスとファイル名を変更します。

  6. 著作権情報を必要とするすべてのページに同じコードを追加します。

  7. 著作権情報が変更されたら、copyright.jsファイルを編集します。アップロードしたら、サイトのすべてのページで変更されます。

ヒントとアドバイス

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