摘要： <!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(文檔對象模型)
當頁面加載時，瀏覽器會創(chuàng)建頁面的文檔對象模型（Document Object Model）
可以改變HTML元素的內(nèi)容（操作html元素的內(nèi)容）
查找html元素：
通過ID來查找：document.getElementById("id名")；
通過class來查找：document.getElementByClassName("class名")
通過標簽名（tag name）來查找：document.getElementByTagName("tag名")
改變html元素內(nèi)容（使用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之間的一個整數(shù))
獲取日期getDate()返回值是1~31之間的一個整數(shù)
獲取小時 getHours()(返回值是0到23之間的一個整數(shù))
獲取分鐘 getMinutes() (返回值是0~59之間的一個整數(shù))
獲取秒鐘 getSeconds() (返回值是0~59之間的一個整數(shù))
批改老師：查無此人批改時間：2018-12-07 17:50:07
老師總結(jié)：寫的不錯，js控制日期時間，一般都用在日期選擇上。展示型日期時間，后臺做比較容易。