给应用部分的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 相关文章推荐
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
Javascript 面向对象之重载
May 04 Javascript
js中function()使用方法
Dec 24 Javascript
jQuery元素选择器用法实例
Dec 23 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
JavaScript 栈的详解及实例代码
Jan 22 Javascript
Bootstrap显示与隐藏简单实现代码
Mar 06 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
Vue v-bind动态绑定class实例方法
Jan 15 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
如何分别全角和半角以避免乱码
2006/10/09 PHP
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
ExtJs中简单的登录界面制作方法
2010/08/19 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
2017/04/13 Javascript
详解vue express启动数据服务
2017/07/05 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
jquery层次选择器的介绍
2019/01/18 jQuery
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
Python内置函数dir详解
2015/04/14 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
pyqt5 键盘监听按下enter 就登陆的实例
2019/06/25 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
python快速排序的实现及运行时间比较
2019/11/22 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
《新型玻璃》教学反思
2014/04/13 职场文书
审计班子对照检查材料
2014/08/27 职场文书
材料物理专业求职信
2014/09/01 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
python实现A*寻路算法
2021/06/13 Python