１つのファイルにJavaScriptとCSSをまとめて記述する方法:phpspot開発日誌

前の記事 ≪：Prototype 1.5.1 がリリース
次の記事 ≫：ハイクオリティなアイコンが多数ダウンロード可能な「Websiteicons」

１つのファイルにJavaScriptとCSSをまとめて記述する方法

2007年05月07日-

スポンサードリンク

My experiments with .Net : Combine CSS with JS and make it into a single download!

１つのファイルにJavaScriptとCSSをまとめて記述する方法。
まず、test.jscss というファイルを作って、次のように内容を記述します。

<!-- /*
function t(){alert('test');}
<!-- */
<!-- body { background-color: Aqua; }

そして、次のようにJavaScriptとCSSを呼び出す際に先ほど作成したtest.jscssを指定することができます。

<html>
<link type="text/css" rel="stylesheet" href="test.jscss" />
<script type="text/javascript" language="javascript" src="test.jscss"></script>
<body>

<a href="#" onclick="t()">aaa</a>

</body>
</html>

ファイルを保存してHTMLを開くと、bodyの背景色が設定され、リンクをクリックすると t() 関数が実行されます。
ファイルを１回でダウンロードできるので、用途によっては便利なテクニックかもしれませんね。

関連の記事検索：CSS, チュートリアル