页面js编写规范
1.js脚本位置
页面中需要使用的js脚本应单独存放到一个后缀为“.js”的文件中，例如“main.js”，严禁在页面中出现js脚本逻辑。
2.页面引用js脚本
页面在引用js脚本时应分层次、顺序引用，即先引用公共的js文件，再引用页面独立的js文件，例如：
3.js文件逻辑
为了提高页面js文件内容的可读性和可维护性，应将js文件中的内容分区域。即：全局变量区
、程序入口区、对应方法区、接口调用区。
1)全局变量区
用于存放整个页面脚本的变量。在变量声明后一定要加注释。例如：
2)程序入口区
此区域用于页面加载完成后做的事情，是整个页面js脚本的入口。一般页面都会引用jquery，所以用jquery的初始化函数；如果页面没有引用jquery，则用load函数。例如：
通常情况下，页面加载后需要做的事情很多，为了防止代码的错乱，再细分为4个主要的方法：Init_Page_Before、BindLoadControl、RegisterEvent、Init_Page_After
a)Init_Page_Before
初始化页面（之前）的方法，进入页面后首先做的事情，一般是一些对象初始化等等。例如：
b)BindLoadControl
绑定加载控件。一般用于对控件的数据绑定操作。例如：
c)RegisterEvent
注册事件。一般用于对html元素进行事件注册（点击、获得焦点、鼠标移动等等）。注意，针对已有元素可直接用bind来绑定，对于未来元素则必须用delegate绑定。例如：
d)Init_Page_After
初始化页面（之前）的方法，进入页面后最终做的事情，一般是扫尾的工作或者打开页面需要做的事情（编辑页加载编辑数据、查询页执行一次查询等）。例如：
3)对应方法区
该区域用于自定义方法，除了上述的4大方法外，其余的方法都是为该4大方法服务。注意，自定义方法时需要写注释，指明该方法是做什么的，拥有哪些参数，以及参数的类型。例如：
js脚本编程入门
4)接口调用区
前后台通过Ajax进行交互的区域。程序通过该区域传递后台需要的数据与后台进行交互，并指定回调函数在交互完成后调用。例如：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。