jQueryのload()を使って外部HTMLを読み込んでページを作る - Qiita

jQueryによる外部HTMLの読み込みは様々なところで解説されていますが、読み込まれる前提ではない作りのHTMLを読み込む時の解説は少ないように思います。 今回は必要に迫られ、HTMLから一部の内容を抜き出して別ページに表示します。 「外部」とは言いつつも、同一ドメイン下でのみ有効です。 使っている技術に難しいものはありません。 環境 macOS Catalina(10.15.7) jQuery 3.6.0 html5 Firebase Hosting MAMP 前提 「HTML資産を横展開しよう」というのが出発点。 ただし、横展開するには下記のお約束をクリアする必要がある。 基盤HTMLをコピーしてサーバに格納する。構造変更は基本NG。どうしても変更したい場合、基盤及横展開済みのHTMLの更新も必要。 新サービスでは表示方法が2種存在する。Webページ単独とWebアプリ上でポップアップ