cms以外のhtmlで作った静的なサイトの共通部分、ヘッダーやフッターサイドバーなどを修正するとき一部分だけ変更する場合でも全ページのソースを修正しなければならないので大変です。 そこで何か一括で変換できるような方法がないかと思い、Javascriptで一括変換できるような方法を紹介します。 別にDreamweaverのtemplate機能やPHPで作成してもいいのですが、そもそもDreamweaverだとAdobeを購入しなければ行けないし、PHPだと「〜.php」になったり、html上でphpを使えるようにする為.accessの設定をしたりとかでサーバーごとの設定があるので今回はJavascriptを選択しました。 Javascriptで共通化していこう まず、ベースとなるHTMLにJavascriptを読み込めるようにします。
![Javascriptで簡単に更新!ヘッダーやフッターなどの共通部分を簡単に更新する方法! - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c01db3d24bca1aa6a962dcd00c65bc3ca721fff/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SmF2YXNjcmlwdCVFMyU4MSVBNyVFNyVCMCVBMSVFNSU4RCU5OCVFMyU4MSVBQiVFNiU5QiVCNCVFNiU5NiVCMCVFRiVCQyU4MSVFMyU4MyU5OCVFMyU4MyU4MyVFMyU4MyU4MCVFMyU4MyVCQyVFMyU4MiU4NCVFMyU4MyU5NSVFMyU4MyU4MyVFMyU4MiVCRiVFMyU4MyVCQyVFMyU4MSVBQSVFMyU4MSVBOSVFMyU4MSVBRSVFNSU4NSVCMSVFOSU4MCU5QSVFOSU4MyVBOCVFNSU4OCU4NiVFMyU4MiU5MiVFNyVCMCVBMSVFNSU4RCU5OCVFMyU4MSVBQiVFNiU5QiVCNCVFNiU5NiVCMCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSVFRiVCQyU4MSUyMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTQwMmQwZjkyMTBkZjA4YzEyMTkzZDJjODQ1MWI4NWI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGlyb3l1a2l3ayZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmUzN2ViNjUxNDY3NWJjM2U5MGU4NDAzMmVlNWVhZGQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D8ff75d969465c08827f89ebff4219c3d)