javascriptを@importのように一つのjsファイルで読み込む
javascriptを多用するといくら外部化していても<head>〜</head>が散らかってきます。
こんな風に↓
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/yuga.js"></script>
<script type="text/javascript" src="js/outline.js"></script>
</head>
そこでcssの@importのように一つのファイルを読み込めば、
同時に他のファイルも読み込んでくれるようにする方法です。
手順はとても簡単でdocument.write()を使います。
document.write()はjavascript内にhtmlを書く時に使用します。
読み込むjsファイル全てを以下のようにまとめます。
document.write('<script type="text/javascript" src="js/jquery.js"></script>
');
document.write('<script type="text/javascript" src="js/yuga.js"></script>');
document.write('<script type="text/javascript" src="js/outline.js"></script>');
これを.jsの拡張子で保存し、<head>〜</head>内に読み込めば完了です。
<head>
<script type="text/javascript" src="js/ファイル名.js"></script>
</head>
とてもスッキリ。
とても簡単なので試してみては如何でしょうか？
- 08/11/25 |
- javascript |
- コメントする |
- TOP
コメント