Mmemo

PC作業に関する覚書やweb制作記録。
無料で使える便利ツールやwebアプリも制作。サイト上(ブラウザ上)で動作。

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

概要

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

準備

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

使用方法

使用例

インクルード元のhtml

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

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

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

更新履歴

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