把JS与CSS写在同一个文件里
作者：嗷嗷 来源：样式之美 发布时间：2007-12-16 15:29:00
标签：css,js
首先感谢比尔、感谢微软、感谢MSDN，是他们让我看到他们富有创意的一面，好了好了不废话了。
我们经常把多个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写在同一个文件特别适合第三方调用的那种，虽然文件大了一点，但能少了一半的请求数，帅帅滴。补充说明，直接这样使用会是两个200的，要节省还要涉及到服务器配置，最少我还不知道单程序可以实现的。
当然，这样的格式写起来一定很不爽，不过配合程序来读原来已经的，并处理一下就可以，这样就可以保持原来文件也方便维护，输出文件又省点请求，如果想的话，处理处理缓存，跟静态文件差不多了。这里有份C#的，据说是官方滴，我的是PHP的，因为还没写缓存的机制就不拿出来丢人了，其实原理也很简单，会编程的三两下就搞定。
再其实，我是想找把多份CSS合并的方式，合成一个不难，可以是处理好各模块化的分离同时能在客户端缓存及方便程序调用才是难的，CSS又不像JS可以在客户端异步调用，谁有好的方式介绍一下给我。
0
投稿猜你喜欢
- 产品使用者可分为三个类别，分别是：初级用户、中级用户、高级用户。这三个类别分别代表了用户使用产品的三个阶段，其中初级用户是占最大比例的，中级
- 一张损坏的表的症状通常是查询意外中断并且你能看到例如这些错误：◆ “tbl_name.frm”被锁定不能改变。◆ 不能找到文件“tbl_na
设计师在抱怨开发人员不尊重Web标准，后台开发人员在抱怨为什么不可以增加一个空格。PM在抱怨为什么项目总是因为那些看似简单的问题而延期……如- 通过XSL转换XML文件 最近，我喜欢上了XML编程，但又苦于它的美观程度又不够，找了许多书才搞定。用XML好是蛮好，但它还是不太适合做显示
- Acunetix Web Vulnerability Scanner 是一款国外产的及其优秀的扫描工具，可以帮忙挖掘网站内的诸多漏洞，包括常
- 问题：导入数据时是否需要禁用索引?解答：在使用load data导入数据时，如果导入的表是MyISAM的，对于空表，MySQL数据库会把所有
- 近来有客户要求用table显示一大串数据，由于滚动后就看不到表头，很不方便，所以想到这个效果。上次做table排序对table有了一些了解，
- 网页编程中，在与数据库打交道的时候我们经常会碰到乱码的经常。本文就将介绍一种ASP读取MySQL数据库出现乱码的解决办法。情景再现：使用My
- “到底是什么将艺术和设计分开的？”这样一个话题听起来费解，长时间以来， 也已经被讨论过无数次。艺术家和设计师都是通过共通的知识和素养来创造视
- 使用ajax获取服务器数据返回给客户端，出现中文乱码。在之前的一个ajax应用中指定codepage=936，将所有页面编码都指定为GB23
- 由于系统自带的MySQL默认字符集不是gbk,因此给数据库的推广应用以及中文程序的开发带来极大的不便,在没完没了的GBK和UTF8的转换过程
- 1.文档对象模型（DOM）DOM是HTML和XML文档的编程基础，它定义了处理执行文档的途径。编程者可以使用DOM增加文档、定位文档结构、填
- 一 安装oracle数据库成功之后,会显示相关的数据库信息: 全局数据库名:oracle 系统标识符(SID):oracle 服务器参数文件
- 现在基于WEB页的HTML的编辑器在新闻系统，文章系统中用得越来越广，一个网页一粘就可以保持原来的样式，同时图片也可以在这个页中保持。但是在
- 在数据库开发方面，通过单表所表现的实现，有时候需要组合查询来找到我们需要的记录集，这时候我们就会用到连接查询。连接查询主要包括以下几个方面：
- ASP实现语音分时问候,其实asp实现这个功能很容易，时间判断一下，在某个时间段就调用某个的背景语音。下面是源代码：
- 导读：这篇论坛文章主要介绍了使用SQL Server升级顾问的具体步骤，详细内容请参考下文。微软提供了SQL Server 2008升级顾问
- 在开发 图像 动画 游戏 相关的程序时, 双缓冲( double-buffer )一直是程序员常用(必用)的技巧. 当然 随着各种引擎 框架
- 一、无组件上传的原理我还是一点一点用一个实例来说明的吧，客户端HTML如下。要浏览上传附件，我们通过<input type="
- function f(x){ alert(x); return
