这篇文章主要介绍了js制作简易年历的方法,包括实现的思路以及js、css与html各个部分的实现技巧,需要的朋友可以参考下
本文实例讲述了js制作简易年历的方法。分享给大家供大家参考。具体如下：
今天学习了一下用js来实现年历的制作，顺便复习了一下this的用法，跟选项卡的制作有点差别，新用到了innerHTML，希望自己坚持下去，各位js大神也多多指点。
innerHtml的用法
现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了。
例如top.innerHTML="";就可以在top对应的位置出现一个button了！
程序实现思路：
1. 类似选项卡，只是底部有一个p；
2. innerHTML的使用
3.数组的使用
① 定义：arr[0,1,2,3]
② 使用：arr[0]
4.字符串连接
① 作用：连接两个字符串 “+”
② 问题：连接中的优先级 用（）解决
实现源码：
JavaScript：
代码如下:
CSS：
代码如下:
HTML：
代码如下:
1
一月
2
二月
3
三月
4
四月
5
五月
6
六月
7
七月
8
八月
9
九月
10
十月
11
十一月
12
十二月
效果图如下：
