给应用部分的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 相关文章推荐
10个实用的脚本代码工具
May 04 Javascript
CSS+jQuery实现的一个放大缩小动画效果
Sep 24 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
jquery.mobile 共同布局遇到的问题小结
Feb 10 Javascript
Webwork 实现文件上传下载代码详解
Feb 02 Javascript
Bootstrap学习笔记之css样式设计(2)
Jun 07 Javascript
如何用js判断dom是否有存在某class的值
Feb 13 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
vue element-ui table表格滚动加载方法
Mar 02 Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
Mar 10 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
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
PHP使用get_headers函数判断远程文件是否存在的方法
2014/11/28 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
Jquery中获取iframe的代码
2011/01/11 Javascript
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
javascript 闭包详解
2015/07/02 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
2019/10/26 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python中随机函数random用法实例
2015/04/30 Python
Python3.2模拟实现webqq登录
2016/02/15 Python
Python中的集合介绍
2019/01/28 Python
Python类和实例的属性机制原理详解
2020/03/21 Python
python实现mean-shift聚类算法
2020/06/10 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
外贸实习生自荐信范文
2013/11/24 职场文书
工作表扬信的范文
2014/01/10 职场文书
暑期教师培训方案
2014/06/07 职场文书
大学生简历求职信
2014/06/24 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
2015高中教师个人工作总结
2015/07/21 职场文书
python随机打印成绩排名表
2021/06/23 Python
Golang jwt身份认证
2022/04/20 Golang