Use static members to implement server cache (navigation breadcrumb )~ Continued

返回目录

在写完首篇cache文章后，有些朋友给我来信，希望可以使用ＪＳ的方法来实现这个导航功能，所以，才有了这篇文章，ＪＳ与Ｃ#不同，它虽然有引用类型，但它不具备一些引用类型的特性，如它的方法参数为对象时，也是通过值传递的，而不是通过内存地址，而在进行导航制作时，我们正是使用了引用类型的这个特性，所以，我们的ＪＳ方法，就不能和Ｃ#相同了，如果使用其它方式，如，使用名称保存在一个变量里。

下面是ＪＳ方式实现的导航，希望对ＪＳ朋友有些帮助

<script type="text/javascript">        //对象实体        var BannerModel = function (name, url, id, parentID) {            return {                Name: name,                Url: url,                ID: id,                ParentID: parentID,                Parent: {}            };        }        var BannerStr = "";        var Data = [new BannerModel("首页", "/", 1, 0), new BannerModel("用户中心", "/UserInfo", 2, 1), new BannerModel("基本信息设置", "/UserInfoSet", 3, 2)];        //找老祖宗...
　　　   function GetParent(o) {            if (o != undefined && o.ID != undefined) {                BannerStr = "<a href=" + o.Url + ">" + o.Name + "</a>" + ">" + BannerStr;                for (var i in Data) {                    if (Data[i].ID == o.ParentID) {                        o.Parent = Data[i];                        break;                    }                }                GetParent(o.Parent);            }        }      //导航工厂
      var BannerFactory = {            GetTreeBanner: function (url) {                var temp = "";                BannerStr = "";                for (var i in Data) {                    if (Data[i].Url == url) {                        temp = Data[i];                        break;                    }                }                GetParent(temp);                return BannerStr;            }        }        document.write(BannerFactory.GetTreeBanner("/UserInfoSet"));    </script>

看ＪＳ生成的导航

返回目录

使用static静态成员实现服务器端缓存(导航面包屑)~续