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

本文介绍了一个使用JavaScript实现的网页操作菜单,包括设置为主页、添加到收藏夹和退出登录等功能。该实现支持不同浏览器环境,并提供了详细的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  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("浏览器不支持");
    }
}

转载于:https://www.cnblogs.com/lori/archive/2011/07/26/2117019.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值