Javascript 類(lèi)、命名空間、代碼組織代碼
更新時(shí)間：2011年07月31日 23:07:20 作者：
Javascript 類(lèi)、命名空間、代碼組織代碼，學(xué)習(xí)js的朋友可以參考下。
復(fù)制代碼 代碼如下:
$(function () {
pageJs.urls = [
'/', 'Index',
];
pageJs.run();
});
//the functions include html elements. Ajax function also can be put here.
var Common = {
init: function () {
alert('Common');
}
};
//url--pages
var Index = {
init: function () {
Common.init();
this.test();
this.test2();
alert(location.pathname);
},
test: function () {
alert('test');
}
};
Index.test2 = function () {
Index.test();
alert('test2');
}
//should be remove to other js file, and load before this file.
//the functions don't include any html elements.
var Utils = {
debug: function () {
}
};
var pageJs = {
urls: [],
run: function () {
var urls = this.urls;
alert(urls.length);
if ((urls.length % 2) != 0) {
throw "urls error";
}
var len = urls.length / 2;
for (var i = 0; i <= len; i = i + 2) {
var pattern = new RegExp(urls[i], 'i');
if (pattern.test(location.pathname)) {
eval(urls[i + 1] + ".init()");
break;
}
}
}
};
您可能感興趣的文章:
相關(guān)文章
用showModalDialog彈出頁(yè)面后，提交表單總是彈出一個(gè)新窗口
用showModalDialog彈出頁(yè)面后，提交表單總是彈出一個(gè)新窗口,其實(shí)解決方法很簡(jiǎn)單如下。2009-07-07
JS+CSS實(shí)現(xiàn)帶小三角指引的滑動(dòng)門(mén)效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)帶小三角指引的滑動(dòng)門(mén)效果,可實(shí)現(xiàn)帶有箭頭提示效果的滑動(dòng)門(mén)功能,涉及JavaScript動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2015-09-09
這篇文章主要為大家整理了關(guān)于Bootstrap導(dǎo)航的慕課筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JS 參數(shù)傳遞的實(shí)際應(yīng)用代碼分析
在項(xiàng)目中，有一個(gè)Ajax加載的區(qū)域，是一個(gè)Div標(biāo)簽，id為msg_box，這個(gè)控制鏈接包含在一個(gè)左側(cè)的導(dǎo)航中，當(dāng)從其他頁(yè)面鏈接到這個(gè)頁(yè)面時(shí)，該JS代碼就失效了。2009-09-09
javascript基礎(chǔ)知識(shí)大全 便于大家學(xué)習(xí)，也便于我自己查看
發(fā)些javascript基礎(chǔ)知識(shí)，便于大家學(xué)習(xí)，也便于我自己查看2012-08-08
JavaScript利用canvas實(shí)現(xiàn)鼠標(biāo)跟隨特效
canvas是一個(gè)很神奇的玩意兒，比如畫(huà)表格、畫(huà)海報(bào)圖都要用canvas去做。本文就來(lái)利用canvas制作個(gè)簡(jiǎn)單的鼠標(biāo)跟隨特效，快跟隨小編一起學(xué)習(xí)一下吧2022-10-10
這篇文章主要介紹了淺析Bootstrap驗(yàn)證控件的使用 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
在實(shí)際開(kāi)發(fā)中我們經(jīng)常需要獲取其他域的資源，本篇文章主要介紹了詳解Javascript幾種跨域方式總結(jié)，有興趣的可以了解一下。2017-02-02
這篇文章主要介紹了webpack獨(dú)立打包和緩存處理的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)webpack具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
JS實(shí)現(xiàn)超簡(jiǎn)單的仿QQ折疊菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)超簡(jiǎn)單的仿QQ折疊菜單效果,可實(shí)現(xiàn)鼠標(biāo)滑過(guò)列表展開(kāi)的QQ折疊菜單效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09