[VanillaJS] 外部htmlファイルのインクルード

Web制作

• JavaScript

概要

jQueryを用いた外部htmlファイルのインクルードのjQueryを使わない場合の方法。

準備

必要ファイルを読み込む。
include-html.js

使用方法

使用例

インクルード元のhtml

インクルード先もインクルード元もidで指定

インクルード後にJavaScriptを読み込む

インクルード先をclassで指定

更新履歴

• メインの処理をXMLHttpRequestからFetch APIに変更。 引数をより細かく指定できるように変更。(2023.01.30)