深入剖析JavaScript中的枚举功能


Posted in Javascript onMarch 06, 2014

由于 Microsoft AJAX Library 对于 JavaScript 进行了大幅扩展,

枚举这个常用的功能当然也被加进去了,

本次就是来探讨 JavaScript 的枚举功能。

由于范例很简单,

所以直接看 HTML 标签就 OK 了

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <script language="javascript" type="text/javascript"> 
        Type.registerNamespace("BaoBeiMe"); 
        //注册一个枚举 
        BaoBeiMe.EnumDepartment = function() { 
        } 
        BaoBeiMe.EnumDepartment.prototype = { 
            One: "信息部", 
            Two: "业务部", 
            Three: "财务部", 
            Four: "研发部" 
        } 
        BaoBeiMe.EnumDepartment.registerEnum("BaoBeiMe.EnumDepartment"); 
        function Button1_onclick() { 
            var enumDepartment = new BaoBeiMe.EnumDepartment(); 
            var lblMsg = $get('<%=lblMsg.ClientID %>'); 
            lblMsg.innerText = "One 是 " + enumDepartment.One + "  ,       " + 
                               "Two 是 " + enumDepartment.Two + "  ,       " + 
                               "Three 是 " + enumDepartment.Three + "  ,       " + 
                               "Four 是 " + enumDepartment.Four + "       "; 
        } 
    </script> 
    <div> 
        <input id="Button1" type="button" value="获取所以枚举值" 
               onclick="return Button1_onclick()" /><br /> 
        <br /> 
        <asp:Label ID="lblMsg" runat="server" Text=""></asp:Label> 
    </div> 
    </form> 
</body> 
</html>

结果

深入剖析JavaScript中的枚举功能

Javascript 相关文章推荐
lib.utf.js
Aug 21 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
js图片轮播手动切换效果
Nov 10 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
详解webpack自动生成html页面
Jun 29 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
angularJS的radio实现单项二选一的使用方法
Feb 28 Javascript
koa源码中promise的解读
Nov 13 Javascript
JavaScript封闭函数及常用内置对象示例
May 13 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
May 16 Javascript
javascript模拟枚举的简单实例
Mar 06 #Javascript
js模拟C#中List的简单实例
Mar 06 #Javascript
js模拟hashtable的简单实例
Mar 06 #Javascript
JavaScript简单实现鼠标拖动选择功能
Mar 06 #Javascript
用JS在浏览器中创建下载文件
Mar 05 #Javascript
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 #Javascript
js写的方法实现上传图片之后查看大图
Mar 05 #Javascript
You might like
模仿OSO的论坛(二)
2006/10/09 PHP
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
JavaScript 对象成员的可见性说明
2009/10/16 Javascript
JQuery 选择和过滤方法代码总结
2010/11/19 Javascript
js获取对象为null的解决方法
2013/11/21 Javascript
浅析AngularJS Filter用法
2015/12/28 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
Vue中的slot使用插槽分发内容的方法
2018/03/01 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
django的settings中设置中文支持的实现
2019/04/28 Python
python地震数据可视化详解
2019/06/18 Python
Python多线程及其基本使用方法实例分析
2019/10/29 Python
this关键字的含义
2015/04/08 面试题
银行实习生的自我评价
2013/12/09 职场文书
初中生评语大全
2014/04/24 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
离婚协议书范本样本
2014/08/19 职场文书
2015学习委员工作总结范文
2015/04/03 职场文书
运动会广播稿200字
2015/08/19 职场文书