import.js って流行ってるの?ってことで自分なりにつくってみた

2009年10月8日

Filed under: JavaScript — admin @ 12:43 AM

いつもならばJSファイルの読み込み方って、

HTML:
  1. <html lang="ja">
  2.  
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta http-equiv="Content-Script-Type" content="text/javascript" />
  5.  
  6. <script type="text/javascript" src="./xxxxxxx.js"></script>
  7. <script type="text/javascript" src="./yyyyyyy.js"></script>
  8. <script type="text/javascript" src="./zzzzzzz.js"></script>
  9.  
  10. </head>
  11.  
  12. <h1>hello test</h1>
  13.  
  14. </body>
  15. </html>

みたいな感じで、headタグ内に読み込むJSファイルを直接書くけど、最近流行ってるのか、それとも廃れたのかわからないが、こんな感じのソースを見た。

HTML:
  1. <script type="text/javascript" src="./import.js"></script>

1つのJSファイルだけを読み込んで、その import.js にグローバルで読み込みたいJSファイルを document.write() で読み込むようだ。

そのソースには、

JavaScript:
  1. document.write( '<script type="text/javascript" src="./xxxxxxxx.js"></script>' );
  2. document.write( '<script type="text/javascript" src="./yyyyyyyy.js"></script>' );
  3. document.write( '<script type="text/javascript" src="./zzzzzzzz.js"></script>' );

というように書かれていた。

コレはなかなか面白いし、まとまって良いなと思ったので、自分も簡単にまとめてつくってみた。

JavaScript:
  1. /**
  2. *
  3. *   import.js
  4. *   JSファイルをまとめて読み込む
  5. */
  6. (function(){
  7.     var importSrc = function(e){
  8.         return '<script type="text/javascript" src="'+ e +'"></script>' + "\n";
  9.     }
  10.     var path = './static/common/js/';
  11.     //jQueryフレームワーク
  12.     document.write( importSrc( path + 'jquery-1.3.2.min.js' ) );
  13.     //サイト全体で使用するJS
  14.     document.write( importSrc( path + 'global.js' ) );
  15. })();

scriptタグを毎回書くのもめんどくさかったので、importSrc() というショートカット関数をつくってまとめてみた。

import.js を使ってみんなまとめちゃえば良いと思うよ!
そのページ独自で使うJSはまとめちゃダメだと思うけどねw

コメントはまだありません »

コメントはまだありません。

この投稿へのコメントの RSS フィード。

コメントする