中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

把JS與CSS寫在同一個文件里的書寫方法

我們經常把多個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 . 

JavaScript技術把JS與CSS寫在同一個文件里的書寫方法,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 伊大人久久 | 韩国主播午夜大尺度福利 | 完全免费在线视频 | 欧美精品一区免费 | 日韩中文字幕在线观看视频 | 亚洲国产精品久久久 | 午夜爱爱毛片xxxx视频免费看 | 欧美精品欧美精品系列 | www国产成人免费观看视频,深夜成人网 | 成人免费小视频 | 国产精品久久午夜夜伦鲁鲁 | 黄色在线网站 | 美女一区二区在线观看 | 亚洲精品欧美一区二区三区 | 久久久久免费观看 | 日本色综合| 一区二区三区视频播放 | av在线一区二区三区 | 四虎影音 | 中文字幕91 | 中文字幕免费视频 | www一级片 | 国产电影一区二区 | 亚洲一区二区免费 | 91麻豆精品国产91久久久更新资源速度超快 | 免费a大片 | 国产一区二区精品在线观看 | 午夜精品一区二区三区在线 | 日本一区二区三区精品视频 | 久久一区二区视频 | 亚洲一区二区免费视频 | 亚洲精品国产a久久久久久 午夜影院网站 | 这里只有精品999 | 久久www免费视频 | 亚洲成av人片在线观看 | 日韩中文一区 | 一级久久久久久 | 欧美精品在线观看 | 日韩色在线 | 精品久久久久国产免费第一页 | 99精品一区二区 |