摘要: <!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之间的一个整数)
批改老师:查无此人批改时间:2018-12-07 17:50:07
老师总结:写的不错,js控制日期时间,一般都用在日期选择上。展示型日期时间,后台做比较容易。