| TOP> MottoJavaScript> サンプル集メニュー> サイト内の全てのページで同じ表示をさせる |
| SAME DISPLAY |
|
関連項目⇒
|
|
全てのページで共通的に使用されるメニューや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すれば全てのページのメニューが変更、更新させることができてしまうというわけです。 |