给应用部分的js代码设定一个统一的入口
更新时间：2014年06月15日 15:19:24 投稿：whsnow
javascript是种脚本语言，浏览器下载到哪儿就会执行到哪儿，下面为大家介绍下，如何给应用部分的js代码一个统一的入口
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>
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>
相关文章
这篇文章主要为大家详细介绍了Webpack简单实现两个自定义插件的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-04-04
下面小编就为大家带来一篇JavaScript操作选择对象的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了微信小程序 scroll-view 实现锚点跳转功能,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-12-12
Javascript实现html转pdf高清版（提高分辨率）
这篇文章主要介绍了Javascript将html转成pdf高清版（提高分辨率）,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了javascript异步编程的六种方式总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
JavaScript必知必会(三) String .的方法来自何方
这篇文章主要介绍了JavaScript必知必会(三) String .的方法来自何方的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了JS函数基本定义与用法,结合实例形式分析了JavaScript函数基本定义、参数、返回值等相关使用技巧,需要的朋友可以参考下2020-01-01
这篇文章主要给大家介绍了使用canvas实现鲤鱼跃龙门的动画效果,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,感兴趣的小伙伴可以自己动手尝试一下2024-02-02
这篇文章主要介绍了JS控制静态页面传递参数并获取参数应用的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作。这篇文章给大家介绍javascript bom是什么及bom和dom的区别，感兴趣的朋友一起学习吧2015-11-11
最新评论