摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>HTML DOM-改變CSS</title> <style type="text/css"> #box{ width: 10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML DOM-改變CSS</title>
<style type="text/css">
#box{
width: 100px;height: 100px;background:pink;
}
</style>
</head>
<body>
<!-- 改變CSS樣式 -->
<!-- 語法:document.getElementById().syyle.屬性名="屬性值" -->
<div id="box" onclick="myDiv(this)"></div>
<script type="text/javascript">
// 也可以box.onclick=這個函數(shù)
function myDiv(x){
y=document.getElementById("box")
y.style.background="red";
y.style.borderRadius="50px";
}
// 日期對象,日期操作方法
var myday=new Date()
document.write(myday+"<br>");
//獲取年份getFullYear()建立在當前已經(jīng)獲取到了日期
document.write(myday.getFullYear()+"年"+"<br>")
//獲取月份getMonth()0代表的是1月,11代表的是12月(國外月從0開始)
document.write(myday.getMonth()+"月"+"<br>")
var month=new Array()
month[0]="一月"
month[1]="二月"
month[2]="三月"
month[3]="四月"
month[4]="五月"
month[5]="六月"
month[6]="七月"
month[7]="八月"
month[8]="九月"
month[9]="十月"
month[10]="十一月"
month[11]="十二月"
document.write("這個月是"+month[myday.getMonth()]+"<br>")
//獲取星期 getDay() 0代表的是周日,6代表的是周六(返回值是0~6之間的一個整數(shù))
document.write("今天是星期"+myday.getDay()+"<br>");
//獲取日期getDate()
document.write("今天是"+myday.getDate()+"號"+"<br>")
//獲取當前小時 getHours()
document.write("現(xiàn)在是"+myday.getHours()+"點")
//獲取分鐘 getMinutes()
document.write(myday.getMinutes()+"分")
//獲取秒鐘 getSeconds()
document.write(myday.getSeconds()+"秒")
</script>
</body>
</html>
批改老師:查無此人批改時間:2019-04-01 09:31:58
老師總結(jié):完成的不錯。后面學習了php,都是php來做時間處理。繼續(xù)加油