admin管理员组

文章数量:1530019

前言

前端路由在很多开源的js类库框架中都得到支持，如angularJS，Backbone，Reactjs等等。前端路由和后端路由原理一样，是让所有的交互和展现在一个页面运行以达到减少服务器请求，提高客户体验的目的，越来越多的网站特别是web应用都用到了前端路由。

HTML

页面中有一个导航菜单ul，和一个div#result用来显示结果，当点击导航菜单时，#result中会显示不同的结果内容。

  • 首页
  • 产品
  • 服务

JAVASCRIPT

说一下前端路由实现的简要原理，以 hash 形式(也可以使用 History API 来处理)为例，当 url 的 hash 发生变化时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示。

function Router(){

this.routes = {};

this.curUrl = '';

this.route = function(path, callback){

this.routes[path] = callback || function(){};

};

this.refresh = function(){

this.curUrl = location.hash.slice(1) || '/

本文标签： 路由路由器实例界面模板

版权声明：本文标题：路由器界面html模板,Javascript实现前端简单的路由实例 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726679924a1080733.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。