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("浏览器不支持");
    }
}
 
目录
相关文章
|
2月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
14天前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
32 7
|
21天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
196 4
|
1月前
|
JavaScript 前端开发
Javascript:获取、设置复选框的勾选状态
Javascript:获取、设置复选框的勾选状态
47 1
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
27 4
JavaScript基础知识-函数的参数
|
2月前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
31 3
|
2月前
|
JavaScript 前端开发
JavaScript switch 语句
JavaScript switch 语句
27 1
|
2月前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
49 0
|
2月前
|
JavaScript 前端开发
JS基础 if和switch区别
本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
19 0
|
3月前
|
JavaScript 前端开发
深入JavaScript的条件语句:if...else和switch
深入JavaScript的条件语句:if...else和switch