最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JS实现简单路由器功能的方法

来源:动视网 责编:小采 时间:2020-11-27 20:25:35
文档

JS实现简单路由器功能的方法

JS实现简单路由器功能的方法:本文实例讲述了JS实现简单路由器功能的方法。分享给大家供大家参考。具体实现方法如下:var wawa = {}; wawa.Router = function(){ function Router(){ } Router.prototype.setup = function(routemap, defaultFunc)
推荐度:
导读JS实现简单路由器功能的方法:本文实例讲述了JS实现简单路由器功能的方法。分享给大家供大家参考。具体实现方法如下:var wawa = {}; wawa.Router = function(){ function Router(){ } Router.prototype.setup = function(routemap, defaultFunc)


本文实例讲述了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程序设计有所帮助。

更多JS实现简单路由器功能的方法相关文章请关注PHP中文网!

文档

JS实现简单路由器功能的方法

JS实现简单路由器功能的方法:本文实例讲述了JS实现简单路由器功能的方法。分享给大家供大家参考。具体实现方法如下:var wawa = {}; wawa.Router = function(){ function Router(){ } Router.prototype.setup = function(routemap, defaultFunc)
推荐度:
标签: 方法 实现 简单的
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top