前の記事 «：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() 関数が実行されます。
ファイルを１回でダウンロードできるので、用途によっては便利なテクニックかもしれませんね。

スポンサード リンク

投稿者 KJ : 2007年05月07日 07:06 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。