深入剖析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 相关文章推荐
jcarousellite.js 基于Jquery的图片无缝滚动插件
Dec 30 Javascript
JS Map 和 List 的简单实现代码
Jul 08 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
Apr 21 Javascript
JavaScript实现三级联动效果
Jul 15 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
简单聊聊TypeScript只读修饰符
Apr 06 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
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
PHP中常用的魔术方法
2017/04/28 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
JavaScript函数的调用以及参数传递
2015/10/21 Javascript
JavaScript实现瀑布流布局
2020/06/28 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
详解Typescript里的This的使用方法
2021/01/08 Javascript
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
Python实现多线程抓取网页功能实例详解
2017/06/08 Python
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
python先序遍历二叉树问题
2017/11/10 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
python实现机器学习之多元线性回归
2018/09/06 Python
Pycharm 2020.1 版配置优化的详细教程
2020/08/07 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
大专生自荐信
2013/10/04 职场文书
社区七一党员活动方案
2014/01/25 职场文书
药品营销策划方案
2014/06/15 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
六查六看自查报告
2014/10/14 职场文书
南湾猴岛导游词
2015/02/09 职场文书
护林员个人总结
2015/03/04 职场文书
2015年暑期社会实践活动总结
2015/03/27 职场文书
慰问信(范文3篇)
2019/10/23 职场文书
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript