abstract：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>測試</title> <style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測試</title>
<style>
*{
font-family:微軟雅黑;
}
input[type='button']{
width:400px;
height:54px;
border:none;
outline:none;
background:#ff0036;
display:block;
margin:400px auto;
color:white;
font-size:16px;
}
input[type='button']:hover{box-shadow:0 1px 5px red;}
table{border:1px solid #9bbb59;margin:20px auto;border-collapse:collapse;}
caption{font-size:20px;color:#333;margin-bottom:10px;font-weight:bold;}
td{border:1px solid #9bbb59;padding:10px 20px 10px 12px;}
</style>
</head>
<body>
<input type="button" value="點擊查看總結(jié)" onclick="total()">
<script>
function total(){
var str = '<table>';
str += '<caption>事件總結(jié)</caption>';
str += '<tr><td colspan="2">鼠標事件</td></tr>';
str += '<tr><td>onclick</td><td>鼠標點擊</td></tr>';
str += '<tr><td>ondblclick</td><td>鼠標雙擊</td></tr>';
str += '<tr><td>onmousedown</td><td>鼠標按下</td></tr>';
str += '<tr><td>onmouseup</td><td>鼠標松開</td></tr>';
str += '<tr><td colspan="2">光標事件</td></tr>';
str += '<tr><td>onmousemove</td><td>光標移動</td></tr>';
str += '<tr><td>onmouseover</td><td>光標移入</td></tr>';
str += '<tr><td>onmouseout</td><td>光標移出</td></tr>';
str += '<tr><td colspan="2">按鍵事件</td></tr>';
str += '<tr><td>onkeypress</td><td>按鍵按下并松開</td></tr>';
str += '<tr><td>onkeydown</td><td>按鍵按下</td></tr>';
str += '<tr><td>onkeyup</td><td>按鍵松開</td></tr>';
str += '<tr><td colspan="2">焦點事件</td></tr>';
str += '<tr><td>onfocus</td><td>獲取焦點</td></tr>';
str += '<tr><td>onblur</td><td>失去焦點</td></tr>';
str += '<tr><td>onchange</td><td>域的內(nèi)容被改變且此域失去焦點</td></tr>';
str += '<tr><td colspan="2">其他事件</td></tr>';
str += '<tr><td>onload</td><td>預加載</td></tr>';
str += '<tr><td>onsubmit</td><td>提交確認</td></tr>';
str += '</table>';
document.write(str);
}
</script>
</body>
</html>
Correcting teacher：滅絕師太Correction time：2019-03-25 09:28:27
Teacher's summary：不知道你的練習目的是什么,下次不要這樣輸出...好好看基礎(chǔ)知識