- ベストアンサー
１ページ内での複数外部ファイル参照の方法について
- １ページ内での複数外部ファイル参照の方法についてアドバイスをお願いします。
- [a.html]と[b.html]のページ内に共通する部分を外部ファイルで読み込んで表示させる方法を使用していますが、もう一箇所で同じように外部ファイルを読み込むと最初の外部ファイルが二箇所に出力されてしまいます。解決策を教えてください。
- 参考にしているスクリプトファイルは、[x.js]と[y.js]の2種類で、それぞれにメニューテキストが記述されています。
- Loosely
- お礼率50% (1/2)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1 です。 > なぜか[other.js]のほうしか表示されませんでした “menu.js”と“other.js”とHTMLファイルを別々のファイル（３つ）に 保存して実験されたでしょうか？（謎です） それは置いといて、何となくやりたい事が分かって来たので、第２弾です。 -- sample.js -------------------------------------------------- function putsHeader() { document.writeln('<div id="header">'); document.writeln('ここはページ上段の領域です。'); document.writeln('</div>'); } function putsFooter() { document.writeln('<div id="footer">'); document.writeln('ここはページ下段の領域です。'); document.writeln('</div>'); } --------------------------------------------------------------- <html><head><title>Javascript TEST</title> <script src="sample.js" type="text/javascript"></script> </head><body> <script type="text/javascript"><!-- putsHeader(); // --></script> <h1>Javascript TEST</h1> <p>本文</p> <script type="text/javascript"><!-- putsFooter(); // --></script> </body></html>
その他の回答 (1)
- Bo_Bo
- ベストアンサー率65% (97/149)
以下は、どうですか！？ -- menu.js ---------------------------------------------------- document.writeln('<ul>'); document.writeln('<li><a href="#">link 01</a></li>'); document.writeln('<li><a href="#">link 02</a></li>'); document.writeln('</ul>'); --------------------------------------------------------------- -- other.js --------------------------------------------------- document.writeln('<ul>'); document.writeln('<li><a href="#">other link 01</a></li>'); document.writeln('<li><a href="#">other link 02</a></li>'); document.writeln('</ul>'); --------------------------------------------------------------- <html><head><title>Javascript TEST</title> </head><body> <h1>Javascript TEST</h1> <script src="./menu.js" type="text/javascript"></script> <script src="./other.js" type="text/javascript"></script> <noscript>何々云々・・・</noscript> </body></html> ---- “menu.js”と“other.js”を１つにまとめて良い物なら、 Javascriptファイルを２つに分ける必要はないと思います。
補足
ご回答ありがとうございます。 例文をファイルにコピーしてテストしてみたのですが、なぜか[other.js]のほうしか表示されませんでした…(汗 なぜでしょう、私の環境が悪いのでしょうか？ ＞“menu.js”と“other.js”を１つにまとめて良い物なら、 ＞Javascriptファイルを２つに分ける必要はないと思います。 ええと、表示としては <html><head><title>Javascript TEST</title> </head><body> <h1>Javascript TEST</h1> <script src="./menu.js" type="text/javascript"></script> <noscript>何々云々・・・</noscript> <script src="./other.js" type="text/javascript"></script> </body></html> ↑こんな感じで、外部共通ファイルで本文を挟みたいのです。２つに分けなくてできるならその方法を教えていただけませんでしょうか？ 質問ばかりで申し訳ありません(TT;
お礼
Bo_Boさん、またまたご回答感謝します！ >“menu.js”と“other.js”とHTMLファイルを別々のファイル（３つ）に保存して実験されたでしょうか？（謎です） したんですけどねえ…(本気で謎) と、それはともかく。 これっ！これです！まさにこれがやりたかったのです！！ ありがとうございました！ これで思う通りのページが作れそうです。 すばらしい回答、本当に感謝です！