Q&A前提・実現したいこと
Webサイトを制作しています。
プログラミングでいう所の変数を使って、変数さえ書き換えればすべて書き換える必要がないようにサイト内の共通要素をiframeタグを使って実装しようとしています。head内のライブラリ(JQueryやBootstrapなど)のCDNがごちゃついているので、別ファイルにしてiframeで実装したいです。
発生している問題・エラーメッセージ
CDNが読み込まれない
初学者なのでよく分かっていないですが、head内をインクルードするのは非推奨ですか？また、iframe以外でhead内のインクルードを行う推奨された方法はありますか？
該当のソースコード
index.html
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <iframe src="head.html"></iframe> 5</head> 6<body> 7 <h1>テスト</h1> 8</body> 9</html>
head.html
html
1<meta charset="utf-8" /> 2<title>サンプルページ</title> 3<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 4<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
補足情報（FW/ツールのバージョンなど）
HTML5
回答2件
0
初学者なのでよく分かっていないですが、head内をインクルードするのは非推奨ですか？
意図したとおりに動きません。<iframe>内のJavaScriptは、<iframe>の外には影響しません。
投稿2021/11/23 12:54
総合スコア146018
0
共通コンテンツ管理の問題だけなら静的サイトジェネレータの活用をオススメします。
投稿2021/11/23 19:52
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2021/11/23 13:45
2021/11/23 13:46
退会済みユーザー
2021/11/23 13:50
2021/11/23 13:51