包含js和css

有时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" /> 


不过最重要的一点不要把相对路径搞错了。

你可能感兴趣的:(包含js和css)