5.15

js事件学习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js-常见事件</title>
    <style>
        table{
            margin: 0px auto;
        }
    </style>


</head>

<body onload="load()">

<form style="text-align: center">
    <input type="text">
    <input type="submit">
    <input type="button" value="事件" class="a">
</form>
<br><br><br>
<table  width="600px" border="1px" cellspacing="0" >
  <tr align="center">
      <th>学号</th>
      <th>姓名</th>
      <th>分数</th>
      <th>评语</th>
  </tr>
  <tr>
      <td>001</td>
      <td>张三</td>
      <td>90</td>
      <td>很优秀</td>
  </tr>
    <tr>
        <td>002</td>
        <td>李四</td>
        <td>92</td>
        <td>优秀</td>
    </tr>
</table>

<script>
    document.getElementById("a").onclick=function (){
        alert("我被点击")
    }

    function load(){
        console.log("加载完成");
    }

</script>


</body>
</html>
posted @ 2024-05-15 20:53  xiaolllllin  阅读(5)  评论(0)  编辑  收藏  举报