给应用部分的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基本过滤选择器使用介绍
Apr 18 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
Jul 04 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
详解Vue 全局变量,局部变量
Apr 17 Javascript
原生JS使用Canvas实现拖拽式绘图功能
Jun 05 Javascript
ES6数组与对象的解构赋值详解
Jun 14 Javascript
layer更改皮肤的实现方法
Sep 11 Javascript
JavaScript实现旋转木马轮播图
Mar 16 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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
table行随鼠标移动变色示例
2014/05/07 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
2015/04/22 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
jquery 构造函数在表单提交过程中修改数据
2015/05/25 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
2018/11/02 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
JS实现压缩上传图片base64长度功能
2019/12/03 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
python生成二维码的实例详解
2017/10/29 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
Python通过文本和图片生成词云图
2020/05/21 Python
sklearn中的交叉验证的实现(Cross-Validation)
2021/02/22 Python
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
实习生自荐信范文分享
2013/11/27 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
项目总经理岗位职责
2014/02/14 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
校园运动会广播稿
2014/10/06 职场文书
给朋友的道歉短信
2015/05/12 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
原生JS实现飞机大战小游戏
2021/06/09 Javascript