JS实现简单路由器功能的方法
本文实例讲述了JS实现简单路由器功能的方法。分享给大家供大家参考。具体实现方法如下：
var wawa = {};
wawa.Router = function(){
function Router(){
}
Router.prototype.setup = function(routemap, defaultFunc){
var that = this, rule, func;
this.routemap = [];
this.defaultFunc = defaultFunc;
for (var rule in routemap) {
if (!routemap.hasOwnProperty(rule)) continue;
that.routemap.push({
rule: new RegExp(rule, 'i'),
func: routemap[rule]
});
}
};
Router.prototype.start = function(){
console.log(window.location.hash);
var hash = location.hash, route, matchResult;
for (var routeIndex in this.routemap){
route = this.routemap[routeIndex];
matchResult = hash.match(route.rule);
if (matchResult){
route.func.apply(window, matchResult.slice(1));
return;
}
}
this.defaultFunc();
};
return Router;
}();
var router = new wawa.Router();
router.setup({
'#/list/(.*)/(.*)': function(cate, id){
console.log('list', cate, id);
},
'#/show/(.*)': function(id){
console.log('show', id);
}
}, function(){
console.log('default router');
});
router.start();
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍PHP实现一个简单url路由功能实例，包括了PHP实现一个简单url路由功能实例的使用技巧和注意事项，需要的朋友参考一下 什么是php的路由机制 1、路由机制就是把某一个特定形式的URL结构中提炼出来系统对应的参数。举个例子,如：http://main.test.com/article/1 其中：/article/1 -> ?_m=article&id=1。 2、然后将拥有对应参
-
本文向大家介绍js实现简单锁屏功能实例，包括了js实现简单锁屏功能实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现简单锁屏功能的方法。分享给大家供大家参考。具体实现方法如下： 如果大家不知道什么是锁屏，可以去163信箱看一看，用途是你要离开屏幕一段时间时可以暂时锁住屏幕保留工作空间。带回来只要重新输入密码验证即可恢复到原先的工作空间。 一般都是通过在页面上增加不透明遮罩层实现锁
-
本文向大家介绍简单实现js倒计时功能，包括了简单实现js倒计时功能的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js倒计时的具体代码，主要使用了JS的Date对象和定时器setInterval，供大家参考，具体内容如下 更多关于倒计时的文章请查看专题：《倒计时功能》 更多JavaScript时钟特效点击查看：JavaScript时钟特效专题 以上就是本文的全部内容，希望对大家的学习
-
本文向大家介绍JS实现的简单拖拽功能示例，包括了JS实现的简单拖拽功能示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现的简单拖拽功能。分享给大家供大家参考，具体如下： 1、实例代码： 2、运行效果图如下： 更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript
-
本文向大家介绍简单实现js上传文件功能，包括了简单实现js上传文件功能的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现上传文件功能的具体代码，供大家参考，具体内容如下 一、用input完成上传，效果图如 选择文件后，提交后出现图片url 二、传输格式采用form-data形式。 html代码 js部分 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大
-
本文向大家介绍js简单实现网页换肤功能，包括了js简单实现网页换肤功能的使用技巧和注意事项，需要的朋友参考一下 我发现网上写换肤功能写的有点长，就想想如何更简单方法实现这个功能，于是我自己写了一个。 html css文件 default.css red.css green.css PS：当然设置主题的参数也可以保存到后端（推荐），防止禁用cookies主题无法生效。 以上就是本文的全部内容，希望