给应用部分的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的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
Js四则运算函数代码
Jul 21 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
Jun 01 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
JS实现带阴历的日历功能详解
Jan 24 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
Dec 01 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 获取一个月第一天与最后一天的代码
2010/05/16 PHP
PHP 第一节 php简介
2012/04/28 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
详解json在php中的应用
2018/09/30 PHP
如何让PHP编码更加好看利于阅读
2019/05/12 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
防止动态加载JavaScript引起的内存泄漏问题
2009/10/08 Javascript
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
JS随机打乱数组的方法小结
2016/06/22 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
微信小程序 五星评分的实现实例
2017/08/04 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
vue+element UI实现树形表格
2020/12/29 Vue.js
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
Python 正则表达式操作指南
2009/05/04 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
TensorFlow实现打印每一层的输出
2020/01/21 Python
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
加拿大领先的时尚和体育零售商:Sporting Life
2019/12/15 全球购物
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
Java程序员面试题
2016/09/27 面试题
咖啡书吧创业计划书
2014/01/13 职场文书
学徒工职责
2014/03/06 职场文书
《雨点儿》教学反思
2014/04/14 职场文书
css背景和边框标签实例详解
2021/05/21 HTML / CSS
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python