Javascript 类、命名空间、代码组织代码


Posted in Javascript onJuly 31, 2011
$(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; 
} 
} 
} 
};
Javascript 相关文章推荐
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
Jun 24 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
javascript回调函数详解
Feb 06 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
vue+element实现图片上传及裁剪功能
Jun 29 Javascript
jQuery实现飞机大战小游戏
Jul 05 jQuery
VUE使用axios调用后台API接口的方法
Aug 03 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 #Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 #Javascript
读jQuery之十二 删除事件核心方法
Jul 31 #Javascript
读jQuery之十一 添加事件核心方法
Jul 31 #Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
Jul 31 #Javascript
各浏览器对click方法的支持差异小结
Jul 31 #Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 #Javascript
You might like
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
PHP最常用的正则表达式
2017/02/13 PHP
php中的依赖注入实例详解
2019/08/14 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
JavaScript中length属性的使用方法
2015/06/05 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
2015/08/25 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
js简单实现图片延迟加载的方法
2016/07/19 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
js自定义瀑布流布局插件
2017/05/16 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
详解从新建vue项目到引入组件Element的方法
2017/08/29 Javascript
react-native DatePicker日期选择组件的实现代码
2017/09/12 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
2019/01/08 jQuery
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
[00:36]DOTA2勇士令状莱恩声望物品——冥晶之厄展示
2018/05/25 DOTA
详细解读Python中的__init__()方法
2015/05/02 Python
Python处理字符串之isspace()方法的使用
2015/05/19 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
python实现彩票系统
2020/06/28 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
《分一分》教学反思
2014/04/13 职场文书
python opencv常用图形绘制方法(线段、矩形、圆形、椭圆、文本)
2021/04/12 Python
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
HTML+JS实现在线朗读器
2022/02/15 Javascript
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技