给应用部分的js代码设定一个统一的入口


Posted in Javascript onJune 15, 2014

javascript是种脚本语言,浏览器下载到哪儿就会执行到哪儿,这种特性会为编程提供方便,但也容易使程序过于凌乱,支离破碎。

js从功能上可以分为两大部分——框架部分和应用部分,框架部分提供的是对js代码的组织作用,包括定义全局变量、命名空间方法等,每个页面都会有相同或类似的框架。应用部分提供的是页面功能逻辑,不同页面会有不同的功能,不同页面应用部分的代码也不尽相同。

给应用部分的js代码一个统一的入口,即:

<script type="text/javascript"> 
function init(){ 
//================================================== 
// 注释 
// 功能、工程师名称、工程师联系方式、时间 
//================================================= 
(function(){ 
……aaaaaaaaaaa 
})(); 
(function(){ 
……bbbbbbbb 
})(); 
} 
</script>

页面最下方调用init()函数即可
//=======init()调用属于框架部分代码========== <script type="text/javascript"> 
init(); 
</script> 
//=======init()调用属于框架部分代码=========

注:框架部分代码主要分为:

1、命名空间函数定义

2、function init(){ } 其内写应用部分的js

3、init()函数的调用【以防主体内没有书写init(),但调用,可采用以下书写方式】

<script type="…"> 
if(init){ 
init(); 
} 
</script>
Javascript 相关文章推荐
JQuery 简便实现页面元素数据验证功能
Mar 24 Javascript
javascript动画效果类封装代码
Aug 28 Javascript
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
Prototype Class对象学习
Jul 19 Javascript
xss文件页面内容读取(解决)
Nov 28 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
JavaScript重载函数实例剖析
May 13 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
详解webpack + react + react-router 如何实现懒加载
Nov 20 Javascript
JS 验证码功能的三种实现方式
Nov 26 Javascript
react 项目中引入图片的几种方式
Jun 02 Javascript
javascript 寻找错误方法整理
Jun 15 #Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 #Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 #Javascript
jQuery获取动态生成的元素示例
Jun 15 #Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 #Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
Jun 15 #Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
Jun 15 #Javascript
You might like
一个高ai的分页函数和一个url函数
2006/10/09 PHP
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
Js四则运算函数代码
2012/07/21 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
Bootstrap每天必学之弹出框(Popover)插件
2016/04/25 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
JavaScript 严格模式(use strict)用法实例分析
2020/03/04 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
python多线程http下载实现示例
2013/12/30 Python
Python Web开发模板引擎优缺点总结
2014/05/06 Python
Python打包方法Pyinstaller的使用
2018/10/09 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
幼儿园小班教学反思
2014/02/02 职场文书
《十六年前的回忆》教学反思
2014/02/14 职场文书
初中生评语大全
2014/04/24 职场文书
《称赞》教学反思
2016/02/17 职场文书
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS