给应用部分的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 相关文章推荐
不用写JS也能使用EXTJS视频演示
Dec 29 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
jQuery中prevUntil()方法用法实例
Jan 08 Javascript
jquery背景跟随鼠标滑动导航
Nov 20 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
Apr 19 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
Electron-vue脚手架改造vue项目的方法
Oct 22 Javascript
javascript 使用sleep函数的常见方法详解
Apr 26 Javascript
JS实现简易图片自动轮播
Oct 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
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
用js控制组织结构图可以任意拖拽到指定位置
2014/01/17 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
JavaScript匿名函数之模仿块级作用域
2015/12/12 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
深入理解vue2.0路由如何配置问题
2017/07/18 Javascript
使用canvas进行图像编辑的实例
2017/08/29 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
python基础教程之常用运算符
2014/08/29 Python
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
Python3进制之间的转换代码实例
2019/08/24 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
Python字符串三种格式化输出
2020/09/17 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
给医务人员表扬信
2014/01/12 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
花店创业计划书范文
2014/02/07 职场文书
迎新晚会主持词
2014/03/24 职场文书
班长演讲稿范文
2014/04/24 职场文书
八一建军节演讲稿
2014/09/10 职场文书
2014小学语文教学工作总结
2014/12/17 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
2015初中团支部工作总结
2015/07/21 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
科学家研发出新型速效酶,可在 24 小时内降解塑料制品
2022/04/29 数码科技
linux目录管理方法介绍
2022/06/01 Servers
使用Django框架创建项目
2022/06/10 Python