TOPMottoJavaScriptサンプル集メニュー> サイト内の全てのページで同じ表示をさせる
SAME DISPLAY 
         サンプル  解説  ソース表示  ソースコピー  メモ帳起動
関連項目⇒   
    ハイライトON、OFF  変更削除不可 TIME指定 JavaScript指定 スタイルシート指定 カスタマイズ箇所
全てのページで共通的に使用されるメニューやCopyright表示などを作ろうとしたときに真っ先に思いつくのがフレームを使用するということではないでしょうか?
確かにフレームを使用していれば変更があった場合に、そのフレームページの修正だけをおこなえばすみます。逆に言うとフレームを使わなかった場合には全てのページの修正、作成をしなければならず、非常に面倒です。でも外部JavaScriptを使えば簡単にできてしまいます。

例えば全ページ共通の下のようなメニューがあったとします

<A href="1.htm">コンテンツ1</A><BR>
<A href="2.htm">コンテンツ2</A><BR>
<A href="3.htm">コンテンツ3</A><BR>
<A href="4.htm">コンテンツ4</A><BR>
<A href="5.htm">コンテンツ5</A><BR>
<A href="6.htm">コンテンツ6</A><BR>

このような場合

document.write('<A href="1.htm">コンテンツ1</A><BR>');
document.write('<A href="2.htm">コンテンツ2</A><BR>');
document.write('<A href="3.htm">コンテンツ3</A><BR>');
document.write('<A href="4.htm">コンテンツ4</A><BR>');
document.write('<A href="5.htm">コンテンツ5</A><BR>');
document.write('<A href="6.htm">コンテンツ6</A><BR>');

上のようにメモ帳に打ち込み、仮に「menu.js」として保存します。
次に各ページのメニューを表示させたい場所に

<SCRIPT src="menu.js"></SCRIPT>

と書き込みます。
そうすれば上記のタグを書き込んだ場所全てに先程のメニューが表示されます。
もし、メニューの内容が変わった場合には「menu.js」だけ編集し、
サーバーにUPすれば全てのページのメニューが変更、更新させることができてしまうというわけです。