給應(yīng)用部分的js代碼設(shè)定一個統(tǒng)一的入口
更新時間:2014年06月15日 15:19:24 投稿:whsnow
javascript是種腳本語言,瀏覽器下載到哪兒就會執(zhí)行到哪兒,下面為大家介紹下,如何給應(yīng)用部分的js代碼一個統(tǒng)一的入口
javascript是種腳本語言,瀏覽器下載到哪兒就會執(zhí)行到哪兒,這種特性會為編程提供方便,但也容易使程序過于凌亂,支離破碎。
js從功能上可以分為兩大部分——框架部分和應(yīng)用部分,框架部分提供的是對js代碼的組織作用,包括定義全局變量、命名空間方法等,每個頁面都會有相同或類似的框架。應(yīng)用部分提供的是頁面功能邏輯,不同頁面會有不同的功能,不同頁面應(yīng)用部分的代碼也不盡相同。
給應(yīng)用部分的js代碼一個統(tǒng)一的入口,即:
<script type="text/javascript">
function init(){
//==================================================
// 注釋
// 功能、工程師名稱、工程師聯(lián)系方式、時間
//=================================================
(function(){
……aaaaaaaaaaa
})();
(function(){
……bbbbbbbb
})();
}
</script>
頁面最下方調(diào)用init()函數(shù)即可
//=======init()調(diào)用屬于框架部分代碼==========
<script type="text/javascript">
init();
</script>
//=======init()調(diào)用屬于框架部分代碼=========
注:框架部分代碼主要分為:
1、命名空間函數(shù)定義
2、function init(){ } 其內(nèi)寫應(yīng)用部分的js
3、init()函數(shù)的調(diào)用【以防主體內(nèi)沒有書寫init(),但調(diào)用,可采用以下書寫方式】
<script type="…">
if(init){
init();
}
</script>
js從功能上可以分為兩大部分——框架部分和應(yīng)用部分,框架部分提供的是對js代碼的組織作用,包括定義全局變量、命名空間方法等,每個頁面都會有相同或類似的框架。應(yīng)用部分提供的是頁面功能邏輯,不同頁面會有不同的功能,不同頁面應(yīng)用部分的代碼也不盡相同。
給應(yīng)用部分的js代碼一個統(tǒng)一的入口,即:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function init(){
//==================================================
// 注釋
// 功能、工程師名稱、工程師聯(lián)系方式、時間
//=================================================
(function(){
……aaaaaaaaaaa
})();
(function(){
……bbbbbbbb
})();
}
</script>
頁面最下方調(diào)用init()函數(shù)即可
復(fù)制代碼 代碼如下:
//=======init()調(diào)用屬于框架部分代碼==========
<script type="text/javascript">
init();
</script>
//=======init()調(diào)用屬于框架部分代碼=========
注:框架部分代碼主要分為:
1、命名空間函數(shù)定義
2、function init(){ } 其內(nèi)寫應(yīng)用部分的js
3、init()函數(shù)的調(diào)用【以防主體內(nèi)沒有書寫init(),但調(diào)用,可采用以下書寫方式】
復(fù)制代碼 代碼如下:
<script type="…">
if(init){
init();
}
</script>
相關(guān)文章
JavaScript中函數(shù)聲明優(yōu)先于變量聲明的實例分析
同一個標(biāo)示符,先后用var和function聲明它。最后它是什么呢2012-03-03ant-design-pro使用qiankun微服務(wù)配置動態(tài)主題色的問題
這篇文章主要介紹了ant-design-pro使用qiankun微服務(wù)配置動態(tài)主題色,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03JavaScript折半查找(二分查找)算法原理與實現(xiàn)方法示例
這篇文章主要介紹了JavaScript折半查找(二分查找)算法原理與實現(xiàn)方法,結(jié)合具體問題描述了折半查找算法的原理、實現(xiàn)方法及相關(guān)操作注意事項,需要的朋友可以參考下2018-08-08JavaScript面試中??嫉淖址僮鞣椒ù笕?包含ES6)
對于JavaScript字符串操作方法,你真的全部掌握了嗎?來看看這篇面試中??嫉淖址僮鞔笕?,包含最新的ES6字符串操作方法,值得收藏哦2020-05-05