標準 HTML ドキュメントに外部 HTML ファイルを含めるにはどうすればよいですか?

HTML ドキュメントに外部 HTML ファイルを含める

Web 開発では、多くの場合、ある HTML ファイルを別の HTML ファイルに埋め込む必要があります。この手法により、コードの再利用が可能になり、複雑な Web サイトのメンテナンスが容易になります。 JavaServer Faces (JSF) は、 を使用してファイルをインクルードする便利な方法を提供しますが、標準の HTML ドキュメントにも同様のソリューションが必要です。

効果的なアプローチの 1 つは、人気のある JavaScript ライブラリである jQuery を使用することです。 HTML ファイルに jQuery を組み込むことで、別の HTML ファイルの内容を動的に読み込んで挿入することが可能になります。

jQuery を使用した解決策:

ファイル a.html 、jQuery ライブラリをインクルードし、次の JavaScript コードを記述します。

$(function(){
  $("#includedContent").load("b.html"); 
});

このコードは、

ファイル b.html に、インクルードするコンテンツを配置します。例:

<p>This is my included file</p>

ファイル a.html がブラウザにロードされると、jQuery 関数は b.html のコンテンツを自動的にフェッチし、指定された要素に挿入します。これにより、外部 HTML ファイルを組み込むためのクリーンで多用途なソリューションが提供されます。

以上が標準 HTML ドキュメントに外部 HTML ファイルを含めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。