给应用部分的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学习笔记(十)
Jan 17 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
JavaScript变量的作用域全解析
Aug 14 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
Jul 21 Javascript
JavaScript数组的5种迭代方法
Sep 29 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
vue中tab选项卡的实现思路
Nov 25 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
Angular如何由模板生成DOM树的方法
Dec 23 Javascript
vue动态设置页面title的方法实例
Aug 23 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/12/06 PHP
PHP静态方法和静态属性及常量属性的区别与介绍
2019/03/22 PHP
如何用javascript去掉字符串里的所有空格
2007/02/08 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
JavaScript修改css样式style动态改变元素样式
2013/12/16 Javascript
js形成页面的一种遮罩效果实例代码
2014/01/04 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
学习JavaScript事件流和事件处理程序
2016/01/25 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
解决React Native端口号修改的方法
2017/07/28 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
微信小程序实现留言功能
2018/10/31 Javascript
Vue源码探究之虚拟节点的实现
2019/04/17 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
ES6学习教程之Promise用法详解
2020/11/22 Javascript
python实现监控windows服务并自动启动服务示例
2014/04/17 Python
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
python实现的简单窗口倒计时界面实例
2015/05/05 Python
python读取word文档的方法
2015/05/09 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
Python 去除字符串中指定字符串
2020/03/05 Python
Python的logging模块基本用法
2020/12/24 Python
详解Python遍历列表时删除元素的正确做法
2021/01/07 Python
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
中级会计职业生涯规划书
2014/03/01 职场文书
《四季》教学反思
2014/04/08 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
2015年外联部工作总结
2015/04/03 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
2019中秋节祝福语大全,提前收藏啦
2019/09/10 职场文书
仅用几行Python代码就能复制她的U盘文件?
2021/06/26 Python