给应用部分的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写的一个TableView控件代码
Jan 23 Javascript
图片上传判断及预览脚本的效果实例
Aug 07 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
Apr 20 Javascript
jquery实现键盘左右翻页特效
Apr 30 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
JS组件Bootstrap Select2使用方法详解
Apr 17 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
JavaScript冒泡算法原理与实现方法深入理解
Jun 04 Javascript
小程序实现点击tab切换左右滑动
Nov 16 Javascript
vue如何在data中引入图片的正确路径
Jun 05 Vue.js
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
Memcached常用命令以及使用说明详解
2013/06/27 PHP
解析php根据ip查询所在地区(非常有用,赶集网就用到)
2013/07/01 PHP
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
JavaScript 数组的深度复制解析
2016/11/02 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
js实现点击按钮复制文本功能
2020/07/20 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
2018/11/30 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
JavaScript对象的特性与实践应用深入详解
2018/12/30 Javascript
Javascript的this详解
2019/03/23 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
Python实现代码块儿折叠
2020/04/15 Python
Python绘制组合图的示例
2020/09/18 Python
Vichy薇姿加拿大官网:法国药妆,全球专业敏感肌护肤领先品牌
2018/07/11 全球购物
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
五四青年节优秀演讲稿范文
2014/05/28 职场文书
行政主管岗位职责
2015/02/03 职场文书
幼儿园教师培训心得体会
2016/01/21 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
使用Nginx搭载rtmp直播服务器的方法
2021/10/16 Servers