给应用部分的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 相关文章推荐
setTimeout与setInterval在不同浏览器下的差异
Jan 24 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
JS远程获取网页源代码实例
Sep 05 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
javascript学习之json入门
Dec 22 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 Javascript
Vue常用的几个指令附完整案例
Nov 06 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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
PHP中的正规表达式(一)
2006/10/09 PHP
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
vue树形结构获取键值的方法示例
2018/06/21 Javascript
vue-cli webpack配置文件分析
2019/05/20 Javascript
js实现筛选功能
2020/11/24 Javascript
分享Python开发中要注意的十个小贴士
2016/08/30 Python
python pygame实现2048游戏
2018/11/20 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
Apache部署Django项目图文详解
2019/07/30 Python
Python人工智能之路 之PyAudio 实现录音 自动化交互实现问答
2019/08/13 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
大学生求职信范文应怎么写
2014/01/01 职场文书
上课玩手机检讨书
2014/02/08 职场文书
创建文明城市标语
2014/06/16 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
公司仓库管理制度
2015/08/04 职场文书
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python