合併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>