您的位置:首页 > Web前端 > JavaScript

Js、css代码文件规范

2015-06-05 10:26 603 查看
根据优化和易维护原则结合我们自身网站情况,一般情况下网站只能出现两个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" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: