Js、css代码文件规范

        根据优化和易维护原则结合我们自身网站情况，一般情况下网站只能出现两个js文件(一个jquery和一个自定义js)，一个css文件。

 

文件位置：

1.  Css放在网页头部head标签中。

2.  Js放在网页底部</body>结束前(jquery在前，自定义js在后)。

目录结构：

/staticswebrb：PC站目录(位于网站根目录)

/statics3grb：移动站(位于网站根目录下)

   Css ：css文件目录

   Images：图片目录

   Js：js文件目录（已备jquery-1.7.1.min.js与jquery-1.10.2.min.js两个版本jquery）

   Swt：网务通相关文件目录

   Other：其它备用目录

代码说明：

 

1. Css代码全写在staticswebrb(或statics3grb)/css目录下base.css文件中，专题例外(因专题属单页文件css文件放当前专题目录css文件夹中即可)。

2. Js代码应全写在staticswebrb(或statics3grb)/js目录下base.js文件中，如专题中有特殊效果(当前专题才有的js效果，js代码写在当前专题目录，js文件夹中)。

3. 网站静态图片(背景、模板等用到的图片)放在staticswebrb(或statics3grb)/images目录中，专题例外(因专题属单页文件，图片文件放当前专题images目录下即可)。

4. 百度代码,cnzz代码，商务通代码及网站通用js效果等都写在staticswebrb(或statics3grb)/js目录下base.js中。

5. 特别说明网页中弹窗效果都应用js代码实现，易于统一修改维护。

代码导入：

1. 每个页面都应该导入以下js

<script src="/staticswebrb(或statics3grb)/js/jquery-1.7.1.min.js" type="text/javascript"></script>

<script src="/staticswebrb(或statics3grb)/js/base.js" type="text/javascript"></script>

2. 网站首页、栏目页、文章页导入

<link href="/staticswebrb(或statics3grb)/css/base.css" rel="stylesheet" type="text/css" />

专题页导入当前专题css文件

<link href="css/css.css" rel="stylesheet" type="text/css" />