zoukankan      html  css  js  c++  java
  • Javascript 实现 BreadCrumbs(原创) SharePoint

     源码:   BreadCumbs
    可能有些人还不知道什么是BreadCrumbs, 中文叫面包屑,不知道鬼佬为什么喜欢这么叫,大概效果就是这样,其实就是网站的导航,效果如下:
    Home->Page2->Page22
     
    1. 实现原理

    根据用户访问的url, 采用JQuery 读取存放BreadCrumbs数据的xml文件,然后进行展现。

       2.  具体实现

    网站的导航一般都是树形结构,所以设计了以下的数据结构,并采用xml文件保存。

     

    Code

    接下来就是实现BreadCrumbs.js。

    Code

    最后,在demo.htm 文件调用该组件:

    Code

    该组件已经在实际项目中使用。

    代码里面我还没加异常处理什么的,注释也没怎么写,大家见谅下。

  • 相关阅读:
    Windows下NodeJS环境搭建
    大前端是什么?
    TeamCity+Rancher+Docker实现.Net Core项目DevOps(目前成本最小的DevOps实践)
    2019春运抢票终极攻略,让你躺着也能抢到票回家!
    ASP.NET CORE 2.0 发布到IIS,IIS如何设置环境变量来区分生产环境和测试环境
    使用第三方容器服务,自动化部署.Net Core
    记React+.NetCore API实现动态列导出
    6.前端基于react,后端基于.net core2.0的开发之路(6) 服务端渲染(SSR)
    5.前端基于react,后端基于.net core2.0的开发之路(5) 配置node层,session设置、获取,请求拦截
    4.前端基于react,后端基于.net core2.0的开发之路(4) 前端打包,编译,路由,模型,服务
  • 原文地址:https://www.cnblogs.com/gzcola/p/1605415.html
Copyright © 2011-2022 走看看