给应用部分的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 日期处理之时区问题
Oct 08 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
javascript函数声明和函数表达式区别分析
Dec 02 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
Oct 27 Javascript
js 实现一些跨浏览器的事件方法详解及实例
Oct 27 Javascript
vue.js国际化 vue-i18n插件的使用详解
Jul 07 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 Javascript
vue+ts下对axios的封装实现
Feb 18 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
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
splice slice区别
2006/10/09 Javascript
最新28个很棒的jQuery 教程
2011/05/28 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
javascript实现获取中文汉字拼音首字母
2020/05/19 Javascript
JS实现超级好看的鼠标小尾巴特效
2020/12/01 Javascript
使用python实现扫描端口示例
2014/03/29 Python
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
给我一面国旗 python帮你实现
2019/09/30 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
使用pytorch 筛选出一定范围的值
2020/06/28 Python
协程Python 中实现多任务耗资源最小的方式
2020/10/19 Python
老海军美国官网:Old Navy
2016/09/05 全球购物
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
工商管理应届生求职信
2013/10/07 职场文书
中专生自荐信
2013/10/12 职场文书
应届毕业生的自我鉴定
2013/11/13 职场文书
创业计划书中要认真思考的问题
2013/12/28 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
大学生就业策划书范文
2014/04/04 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
党员干部形式主义个人整改措施
2014/09/17 职场文书
医院员工辞职信范文
2015/05/12 职场文书
考研英语辞职信
2015/05/13 职场文书
奔腾年代观后感
2015/06/09 职场文书
Docker 镜像介绍以及commit相关操作
2022/04/13 Servers