两行 JavaScript 代码
- MessyCS - Dreamer's Blog最近看到了两行 JavaScript 代码,很受启发. 在 JavaScript 中,我们可以获取HTML元素的属性值,例如 element.id. 但是,因为 for 和 class 是 JavaScript 中的关键字,所以在 JavaScript 中这两个属性名称分别用 htmlFor 和 className 代替,于是在封装的时候需要先对这两个属性进行特殊判断.
<html>
<body>
<script>
/// <summary>
/// 格式化显示日期时间
/// </summary>
/// <param name="x">待显示的日期时间,例如new Date()</param>
/// <param name="y">需要显示的格式,例如yyyy-MM-dd hh:mm:ss</param>
function date2str(x,y) {
var z = {y:x.getFullYear(),M:x.getMonth()+1,d:x.getDate(),h:x.getHours(),m:x.getMinutes(),s:x.getSeconds()};
return y.replace(/(y+|M+|d+|h+|m+|s+)/g,function(v) {return ((v.length>1?"0":"")+eval('z.'+v.slice(-1))).slice(-(v.length>2?v.length:2))});
}
alert(date2str(new Date(),"yy-M-d h:m:s"));
alert(date2str(new Date(),"yyyy-MM-d h:m:s"));
</script>
</body>
</html>
我曾为解决该问题花了不少时间,主要是网络上找到的代码要么非常烦琐,要么不能通用或格式只能固定几个,所以我专门对这个问题进行了研究,最终优化到只有2行代码,非常精简。主要是用到了JSON、正则和eval 函数,如果有什么问题欢迎大家指正。
PS:博客园不能像蓝色经典论坛那样发可修改和运行的html代码吗?我觉得那个调试代码很方便。如果能发的希望有朋友能告知。
我发在蓝色那边的框可以直接运行调试,大家要测试的话可以进http://bbs.blueidea.com/thread-3033012-1-1.html
作者: rym1020 发表于 2011-09-19 15:55 原文链接
最新新闻:
· Windows 8平台浏览器PK:IE10 vs Firefox vs Chrome(2011-09-19 16:36)
· Windows 8与Mac OS X开机速度对比(2011-09-19 16:32)
· Propeller:Google正开发的Android和iOS上的Flipboard杀手(2011-09-19 16:28)
· 积米:化妆找吉米,逛街找积米(2011-09-19 16:24)
· Facebook用斯巴达计划将iPhone变为“Facebook Phone”(2011-09-19 16:11)