html-1-CSDN博客

本文链接：https://blog.csdn.net/touso/article/details/118674147

本文将带你逐步了解HTML的基础知识，包括HTML元素、标签、属性以及如何创建一个简单的网页。通过学习，你将能够理解HTML的结构并能动手编写自己的网页。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
      // var obj={
      //     name:"fdsf",
      //     age:10,
      //     fun:function (){
      //         alert("fdsaf");
      //     }
      // }
      // alert(obj.age);
      // alert(obj.fun());
      // alert(obj.name);
      // var obj=new Object();
      // obj.name="hj";
      // obj.age=10;
      // obj.fun=function (){
      //     alert(this.name+" "+this.age);
      // }
      // alert(obj.fun);

        // var fun=function (){
        //     alert(arguments.length);
        //     for(var i=0;i<arguments.length;i++){
        //         alert(arguments[i]);
        //     }
        // }
        // alert(fun(10,12,323));
        // var fun2=function (a,b){
        //     var c=a+b;
        //     return c;
        // }
        // alert(fun2(10,20));
      // function onl(){
      //     alert("fdsaf");
      // }
      // window.οnlοad=function (){
      //     var obj=document.getElementById("001");
      //     //alert(obj);
      //     obj.οnclick=function (){
      //         alert("动态注册");
      //     }
      // }
      // function op(){
      //     alert("静态注册");
      // }
      function onblorFun(){
          console.log("静态注册失去焦点事件");
      }
      window.onload=function (){
          var obj=document.getElementById("password");
          //alert(obj);
          obj.onblur=function (){
              console.log("动态注册失去焦点事件");
          }
      }
      function onc(){
          alert("女神变了");
      }
      window.onload=function (){
          var obj=document.getElementById("io01");
          //alert(obj);
          obj.onchange=function (){
              alert("男神变了");
          }
      }
      function sub(){
          alert("静态提交");
          return false;
      }
      window.onload=function (){
          var obj=document.getElementById("form01");
          obj.onsubmit=function (){
              alert("动态提交");
              return false;
          }

      }
    </script>
</head>
<body >
    用户姓名：<input type="text" />
    <button>校验</button>
<!--    <button >按钮1</button>-->
<!--    <button id="001">按钮2</button>-->
<!--    用户名：<input type="text" onblur="onblorFun();"><br/>-->
<!--    密码：<input id="password" type="text"><br/>-->
    <select onchange="onc()">
        <option>--女神--</option>
        <option>方法</option>
        <option>讲解</option>
        <option>哦哦</option>

    </select>
<select id="io01">
        <option>--男神--</option>
        <option>发的</option>
        <option>个人</option>
        <option>突然</option>

    </select>
<form action="http:www.baidu.com" method="get" onsubmit="return sub()" id="form01">
    <input type="submit" value="静态注册"/>

</form>

</body>
</html>