把JS跟CSS合并到1个文件
日期：2014-05-17 浏览次数：20695 次
合并JS文件和CSS文件很多人都知道，也用过，目的是为了减少请求数。但有时候我们觉的把JS合并到1个文件，CSS又合并到另外1个文件也是浪费，我们如何能把CSS和JS一起合并进1个文件了？
?
看看下面的列子：???
?<HEAD>
??<TITLE>test</TITLE>
??<style type="text/css">
?? <!--.d{color:red;}
??</style>
??<script>
?? ?<!-- function showMsg(m){alert(m);}
??</script>
?</HEAD>
?<BODY>
?? <div class='d'>颜色变成红色</div>
?? <input type="button" value="不会弹出" onclick="showMsg('js');" />
利用这个特性，我们就可以实现把js和CSS合并到1个文件中：
?
index.html
??<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
??<html xmlns="http://www.w3.org/1999/xhtml">
?? <head>
?? ?<title>test</title>?
?? ?<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />?
?? ?<script type="text/javascript" language="javascript" ?src="test.jscss"></script>
?? ?<link rel="stylesheet" rev="stylesheet" type="text/css" href="test.jscss" />
??</head>
?<body>
?? <div class='d'>颜色变成红色</div>
?? <input type="button" value="不会弹出" onclick="showMsg('js');" />
?</body>
?
?
