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

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

2007年05月07日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法

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

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

関連の記事検索:JavaScript, CSS, Tips, Web制作, hack
スポンサード リンク

By.KJ : 2007年05月07日 07:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)