hash模式实现前端路由

最新推荐文章于 2024-08-05 09:06:01 发布

文甜心

最新推荐文章于 2024-08-05 09:06:01 发布

阅读量521

点赞数

分类专栏：前端框架

本文链接：https://blog.csdn.net/qq_34893429/article/details/73302255

版权

前端框架专栏收录该内容

5 篇文章 0 订阅

订阅专栏

    function Router() {
        this.routes = {};
        this.currentUrl = '';
    }
    Router.prototype.route = function(path, callback) {
        this.routes[path] = callback || function(){};
    };
    Router.prototype.refresh = function() {
        this.currentUrl = location.hash.slice(1) || '/';
        this.routes[this.currentUrl]();
    };
    Router.prototype.init = function() {
        window.addEventListener('load', this.refresh.bind(this), false);
        window.addEventListener('hashchange', this.refresh.bind(this), false);
    }
    window.Router = new Router();
    window.Router.init();
    Router.route('/', function() {
        console.log('home');
    });
    Router.route('/about', function() {
        console.log('about');
    });
    Router.route('/about/test', function() {
        console.log('about_test');
    });