我们经常把多个CSS或者多个JS并成个以节省请求但是这样最少还是要两个在MSDNBlog上看到原来也是可以把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写在同个文件特别适合第 3方那种虽然文件大了点但能少了半请求数帅帅滴
当然这样格式写起来定很不爽不过配合来读原来已经并处理下就可以这样就可以保持原来文件也方便维护输出文件又省点请求如果想话处理处理缓存Cache跟静态文件差不多了这里有份C#据说是官方滴我是PHP还没写缓存Cache机制就不拿出来丢人了其实原理也很简单会编程 3两下就搞定
再其实我是想找把多份CSS合并方式合成个不难可以是处理好各模块化分离同时能在客户端缓存Cache及方便才是难CSS又不像JS可以在客户端异步谁有好方式介绍下给我
传说中测试
传说中测试者号如果你看到我有边框跟颜色那就是说CSS生效了
传说中滴JS测试者如果你看到我那JS也生效了
[}
<!-- */
<!-- #test1,#test2{border:3px #000 solid;padding:5px;color:#123456;background-color:#ccc;} strong{color:red;}
Copyright © 2006-2007 aoao , Some Rights Reserved .