有时CSS或js文件太多,写在页面里会显得很乱,可以用一个文件包含多个文件的方式来处理。
CSS:
如有一个jquery.css文件,里面可以如下写来包含多个css文件:
@import url("jquery.ui.core.css");
@import url("jquery.ui.drag.css");
JS:
如有多个js文件:jquery
-1.4.2.js、jquery.ui.drag.js、jquery.ui.slide.js 可以如下写来包含多个js文件:
先创建一个jquery.inc文件,在页面里如下包含:
<!--#include file="jquery.inc" -->或者
<%@ include file="jquery.inc"%>
在jquery.inc文件中如下写:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.ui.drag.js"></script>
<script type="text/javascript" src="jquery.ui.slide.js"></script>
其实在inc文件中也可以包含css文件或其它文件如:
<link type="text/css" href="jquery.ui.core.css" rel="stylesheet" />
不过最重要的一点不要把相对路径搞错了。