JS不忘本之switch篇～建立一个菜单，并为菜单的参数来设置它的具体操作

  var box = $("#js_start_box");

    if ($.trim(box.html()) == "") {

box.html('<ul><li rel="set_home"><i class="menu-set-homepage"></i>设为主页</li>

　　　　　　　　　　　<li rel="add_mark"><i class="menu-add-fav"></i>添加到收藏</li>

　　　　　　　　　　　<li rel="log_out"><i class="menu-sys-quit"></i>退出</li></ul>');

        box.find("li").click(function () {

            switch ($(this).attr("rel")) {

                case "set_home":

                    Util.SetHome(this);

                    break;

                case "add_mark":

                    Util.AddBookmark(document.title, window.location.href);

                    break;

                case "log_out":

                    window.location.href = "/register/logout";

                    break;

            }

            return false;

        })

    }

把设置为主页和加入收藏这两个常用的操作分离出来，拿到单独的对象中

var Util = {};

Util.AddBookmark = function (title, url) {
    if (window.sidebar) {
        window.sidebar.addPanel(title, url, "");
    } else if (document.all) {
        window.external.AddFavorite(url, title);
    } else {
        alert("浏览器不支持");
    }
}

Util.SetHome = function (ele) {
    if (document.all) {
        ele.style.behavior = 'url(#default#homepage)';
        ele.setHomePage(window.location.href);
    }
    else {
        alert("浏览器不支持");
    }
}