我們經常把多個CSS或者多個JS并成一個，以節省請求，但是這樣最少還是要兩個。在MSDN的Blog上看到原來也是可以把JS和CSS并在一個文件里，那怎樣做呢？利用注釋，先看一下這代碼。
<!-- /*
window.onload=function(){
document.getElementById("test2").innerHTML="傳說中滴JS測試者。如果你看到我，那<strong>JS</strong>也生效了";
}
<!-- */
<!-- #test1,#test2{border:3px #000 solid;padding:5px;color:#123456;background-color:#ccc;} strong{color:red;}CSS處理時會忽視掉<!--，這時JS部分只是CSS的注釋/* js */，而JS處理時把<!--轉成// 也就是JS的單行注釋，單行注釋會把后面的/*和*/干掉，同時也干掉了CSS，不廢話了，看演示的例子。
在網上運行時還要通過程序輸出個“*/*”的頭，不然MIME不對有的瀏覽器不干活。PHP的是這樣：
<?header('Content-type: */*');?>理論上在服務器上指定某種后綴的MIME是“*/*”應用也行得通，不過我沒有試。把JS跟CSS寫在同一個文件特別適合第三方調用的那種，雖然文件大了一點，但能少了一半的請求數，帥帥滴
當然，這樣的格式寫起來一定很不爽，不過配合程序來讀原來已經的，并處理一下就可以，這樣就可以保持原來文件也方便維護，輸出文件又省點請求，如果想的話，處理處理緩存，跟靜態文件差不多了。這里有份C#的，據說是官方滴，我的是PHP的，因為還沒寫緩存的機制就不拿出來丟人了，其實原理也很簡單，會編程的三兩下就搞定。
再其實，我是想找把多份CSS合并的方式，合成一個不難，可以是處理好各模塊化的分離同時能在客戶端緩存及方便程序調用才是難的，CSS又不像JS可以在客戶端異步調用，誰有好的方式介紹一下給我。
傳說中的測試
傳說中的測試者一號。如果你看到我有邊框跟顏色，那就是說CSS生效了。
傳說中滴JS測試者。如果你看到我，那JS也生效了
使用同一份文件：jscss.php
<link type="text/css" rel="stylesheet" href="jscss.php" /><script type="text/javascript" src="jscss.php"></script>jscss.php的內容
<?header('Content-type: */*');?>
<!-- /*
window.onload=function(){
document.getElementById("test2").innerHTML="傳說中滴JS測試者。如果你看到我，那<strong>JS</strong>也生效了";
}
<!-- */
<!-- #test1,#test2{border:3px #000 solid;padding:5px;color:#123456;background-color:#ccc;} strong{color:red;}
Copyright ? 2006-2007 aoao , Some Rights Reserved .
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
