点击这里给我发消息 推荐使用1024以上分辨率浏览本站,此处广告位招商……

把JS与CSS写在同一个文件里

04:04 PM 2007-06-18 | 逍遥老鬼 | 日志分类:DIV+CSS

刚才在嗷嗷的blog上看到一篇文章,就是把css和js都写在一个文件中,同时调用而又互不干扰。其实很简单,就是利用的js和css的解释解释不通而以。摘抄了下来,虽然不一定用但是要认识,避免下次说起自己不知道丢人。

下面是原文摘抄了一部分,原文地址:http://www.loaoao.com/blog/entry/33/

<!-- /*
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是“*/*”应用也行得通,不过我没有试。把JS跟CSS写在同一个文件特别适合第三方调用的那种,虽然文件大了一点,但能少了一半的请求数,帅帅滴。补充说明,直接这样使用会是两个200的,要节省还要涉及到服务器配置,最少我还不知道单程序可以实现的。

当然,这样的格式写起来一定很不爽,不过配合程序来读原来已经的,并处理一下就可以,这样就可以保持原来文件也方便维护,输出文件又省点请求,如果想的话,处理处理缓存,跟静态文件差不多了。这里有份C#的,据说是官方滴,我的是PHP的,因为还没写缓存的机制就不拿出来丢人了,其实原理也很简单,会编程的三两下就搞定。

Google
 
« 上一篇 下一篇 »
只显示10条记录 相关文章
  1. 关于a:link等伪类的几种写法 [浏览:522, 评论:3]
  2. 【转】图片垂直居中的使用技巧 [浏览:1243, 评论:3]
  3. :before:after这两个伪类到底该怎么用呢? [浏览:1147, 评论:4]
  4. 兼容IE,Firefox的图片自动缩放CSS代码 [浏览:2422, 评论:6]
  5. CSS hack:区分IE6,IE7,firefox [浏览:1791, 评论:2]
  6. 网页标准制作中的两个关于UTF-8编码的问题 [浏览:3233, 评论:9]
  7. [转]Firefox与IE下UL预设标记的异同 [浏览:2276, 评论:1]
  8. 疯子疯子绝对是Html疯子 [浏览:1544, 评论:0]
  9. 一段代码,js替换css的 [浏览:2509, 评论:2]
  10. 将军和士兵 [浏览:1604, 评论:0]
Trackbacks
点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5
发表评论

评论内容(*):