ヘッダー、フッターを外部ファイルから読み込む方法

web制作をするときに、headerとfooterをいちいち手書きするのはめんどくさいですよね。
手書きしてもいいですが、変更があったときに対応できないので、外部ファイルから読み込む方法を調べました。
僕の場合は訳あってローカルで作成



方法１ jQueryを使う

参考urlはこちら↓
http://doruby.kbmj.com/mai_on_rails/20101220/jQuery_html_Tips

これもうまくいくはいくんですが、google chromeだと
「Origin null is not allowed by Access-Control-Allow-Origin.」と出て読み込めません。


回避方法を調べたのですが、うまいものが見つからないので不適。


方法２ javascript

参考urlはこちら↓
http://management.eweb-design.com/0502_hf.html

要するに、htmlは外部ファイルからの読み込みとかできないけど、jsなら読めるから、それを使おうというもの。
ただ、js の中身が document.write("～～～～"); で改行できないし、スタイリッシュではないですが。

とりあえず動けばいいかなと思っているので、これを使おうと思います。


headerとかをデザインするときはhtmlで書いて、実装するときに改行を消してjsに埋め込めばいいかなと思っています。