Jay_Ohhh-mall-vue
/
test.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      .f1 {
        width: 200px;
        height: 200px;
        margin: 100px auto;
        background-color: pink;
        transform: translate(200px, 300px);
      }
      .s1 {
        position: fixed;
        top: 200px;
        left: 100px;
        width: 100px;
        height: 100px;
        background-color: skyblue;
      }
      table {
        width: 200px;
        height: 200px;
        border-collapse: collapse;
        /* border: 1px solid #000000; */
      }
      /* td,
      th {
        border: 1px solid #000;
      } */
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th>1</th>
        <th>1</th>
      </tr>
      <tr>
        <td>2</td>
        <td>2</td>
      </tr>
    </table>

    <span style="background-color: pink;margin-top: 10px;padding-left: 10px;"
      >123</span
    >

    <script>
      var name = prompt("请输入：");
      var tr = document.querySelector("tr");
      tr.onclick = function() {
        alert("1");
      };
      var length = 100;
      function f1() {
        console.log(this.length);
      }
      var obj = {
        x: 10,
        f2: function(f1) {
          f1();
          arguments[0]();
        }
      };
      obj.f2(f1, 1);
    </script>
  </body>
</html>