緩存篇(Cache)~第二回 使用static靜态成員實作伺服器端緩存(導航面包屑)~續

傳回目錄

在寫完首篇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>      

看ＪＳ生成的導航截圖

作者：倉儲大叔，張占嶺，

榮譽：微軟MVP

QQ：853066980

支付寶掃一掃，為大叔打賞!