abstract: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>案例</title> </head> <body> <script type="text/javascript"> var myday=new Date() var month=new Array(12) month[0]="1月" month[1]="2月" month[2]="3月" month[3]="4月" month[4]="5月" month[5]="6月" month[6]="7月" month[7]="8月" month[8]="9月" month[9]="10月" month[10]="11月" month[11]="12月" var week=new Array(7) week[0]="星期日" week[1]="星期一" week[2]="星期二" week[3]="星期三" week[4]="星期四" week[5]="星期五" week[6]="星期六" x=myday.getFullYear() y=month[myday.getMonth()] z=myday.getDate() m=myday.getHours() n=myday.getMinutes() l=week[myday.getDay()] document.write("当前时间是"+x+"年"+y+z+"日"+m+":"+n+l) </script> </body> </html>
1. HTML DOM(文档对象模型)
当页面加载时,浏览器会创建页面的文档对象模型(Document Object Model)
可以改变HTML元素的内容(操作html元素的内容)
查找html元素:
通过ID来查找:document.getElementById("id名");
通过class来查找:document.getElementByClassName("class名")
通过标签名(tag name)来查找:document.getElementByTagName("tag名")
改变html元素内容(使用innerHTML)
改变html的属性(只能对元素自有属性进行一个操作)
语法:document.getElementById("id").属性名称="属性值"
2. HTML DOM(改变css)
改变css样式
语法:document.getElementById().style.属性名="属性值"
3.Date(日期和时间的操作)
获取年份 getFullYear()
获取月份 getMonth() 0代表的是1月,11代表的是12月
获取星期 getDay() 0代表的是周日,6代表周六(返回值是0~6之间的一个整数)
获取日期getDate()返回值是1~31之间的一个整数
获取小时 getHours()(返回值是0到23之间的一个整数)
获取分钟 getMinutes() (返回值是0~59之间的一个整数)
获取秒钟 getSeconds() (返回值是0~59之间的一个整数)
Correcting teacher:查无此人Correction time:2018-12-07 17:50:07
Teacher's summary:写的不错,js控制日期时间,一般都用在日期选择上。展示型日期时间,后台做比较容易。