abstract：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&g
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{width: 100px;height: 100px;background-color: #cccccc;border: 1px solid #cccccc;margin: 50px 0;}
</style>
</head>
<body>
<!--屬性 描述-->
<!--onfocus 元素獲得焦點(form表單用得多)-->
<!--onblur 元素失去焦點-->
<!--onchange 域的內(nèi)容改變-->
<!--onclick 當用戶單擊某個對象時調(diào)用的事件句柄-->
<!--ondblclick 當用戶雙擊某個對象時調(diào)用的事件句柄-->
<!--onkeydown 某個鍵盤按鍵被按下-->
<!--onkeyup 某個鍵盤按鍵被松開-->
<!--onload 一張頁面或一幅圖像完成加載-->
<!--onmousedown 鼠標按鈕被按下-->
<!--onmouseout 鼠標從某元素移開-->
<!--onmouseover 鼠標移動到某個元素之上-->
<!--onmouseup 鼠標按鈕被松開-->
<!--onsubmit 確認按鈕被點擊-->
<script type="text/javascript">
// 函數(shù)的內(nèi)部參數(shù)x作為局部變量而言，起到的作用僅僅是占位符而已
function dome(x) {
x.style.background='pink';
}
function dome1(x) {
x.style.background='red';
}
function dome2(x) {
x.style.borderRadius='50px';
}
function dome3(x) {
x.style.borderRadius='0px';
}
function dome4(x) {
x.style.background='white';
}
</script>
<!--鼠標移上移下背景色切換-->
<div class="box" onmouseover="dome(this)" onmouseout="dome1(this)"></div>
<!--鼠標單擊正方形切換為圓形，雙擊又恢復(fù)正方形-->
<div class="box" onclick="dome2(this)" ondblclick="dome3(this)"></div>
<form action="">
輸入內(nèi)容吧→→<input type="text" onfocus="dome1(this)" onblur="dome4(this)">
</form>
</body>
</html>
Correcting teacher：查無此人Correction time：2019-03-26 09:20:32
Teacher's summary：完成的不錯。js事件很重要，要多練習(xí)。記住一些常用的。