45 lines
1.2 KiB
HTML
45 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>JS-事件-常见事件</title>
|
|
</head>
|
|
|
|
<body>
|
|
<form action="" style="text-align: center;">
|
|
<input type="text" name="username" id="username">
|
|
<input type="text" name="age" id="age">
|
|
<input id="b1" type="submit" value="提交">
|
|
<input id="b2" type="button" value="单击事件">
|
|
</form>
|
|
|
|
<br><br><br>
|
|
|
|
<table width="800px" border="1" cellspacing="0" align="center">
|
|
<tr>
|
|
<th>学号</th>
|
|
<th>姓名</th>
|
|
<th>分数</th>
|
|
<th>评语</th>
|
|
</tr>
|
|
<tr align="center">
|
|
<td>001</td>
|
|
<td>张三</td>
|
|
<td>90</td>
|
|
<td>很优秀</td>
|
|
</tr>
|
|
<tr align="center" id="last">
|
|
<td>002</td>
|
|
<td>李四</td>
|
|
<td>92</td>
|
|
<td>优秀</td>
|
|
</tr>
|
|
</table>
|
|
<!-- 引入JS文件 -->
|
|
<script src="./js/eventDemo.js" type="module"></script>
|
|
</body>
|
|
|
|
</html> |