如何用JavaScript编写一个长尾关键词的日历功能代码实例？

本文共计1222个文字，预计阅读时间需要5分钟。

日历+在学习JavaScript过程中，菜鸟教程提供了一个JavaScript实例——CSS日历，感觉很有趣。在其基础上，增加了一些简单的功能（如差异显示、差异标记）。功能+按照传统日历方式显示该月的每一天。

日历

在学习javascript过程中，菜鸟教程有一个javascript实例---css日历，感觉挺有趣的，在它的基础上增加了一些简单的功能（差点哭辽）。

功能

• 按照传统日历方式显示该月的每一天。
• 可以突出显示今天的日期
• 可以翻阅上一个月和下一个月的日历
  

实现

• step1 传统日历布局样式：分别将年份与月份、星期、该月的全部天数采用列表布局，排列组成传统日历的样式。
• step2 初始化和更新月份：先将列表清空（debug过程中，有一个发现，初始化的列表便存在的一个childNodes，该项目中需要清空），然后再填入前导空白（为了和星期能够对应），再填入具体某一个月的天数。
• step3 通过document获取列表对象，改变今天对应行的样式（className变化）来突出显示。