函数

方式一

使用function关键字来定义

function 函数名（参数列表）{ 函数体 }

在js中如何定义带有返回值的函数：只需要在函数体中直接使用return 返回值返回

方式二

var 函数名=function（形参列表）{ 函数体 }

js中函数不允许函数重载

argument隐形参数

在function函数中不需要定义，但可以直接用来获取所有参数的变量。

隐形参数特别像Java中的可变长参数一样

对象

方式一：Object形式定义对象

定义： var 变量名 = new Object();

变量名.属性名=值； //定义属性

变量名.函数名=function(){} //定义函数

方式二：大括号形式定义对象

var 变量名={

属性值：值， //定义一个属性

属性值：值,

函数名：function() {} //定义一个函数

}；

事件

1、常用的事件：

onload 加载完成事件页面加载完成之后，常用于做页面js代码初始化操作

onclick 单击事件常用于按钮的单击响应时间

onblur 失去焦点事件常用于输入框失去焦点后验证其输入内容是否合法

onchange 内容发生改变事件常用于下拉列表和输入框内容发生改变后操作

onsubmit 表单提交事件常用于表单提交前，验证所有表单项是否合法

2、事件的注册

静态注册：通过html标签的事件属性直接赋予事件响应码后的代码，这种方式我们叫静态注册

onload

<body onload="onloadfun();">
<script>
function onloadfun(){
	alert("静态注册onload事件");
}
</script>
</body>

onclick

<head>
   <script>
     function onclickfun(){
         alert("静态注册onclick事件");     
     }
   </script>
</head>
<body>
    <button onclick="onclickfun()";> 按钮</button>
</body>

onblur

<head>
<script>
   function onblurfun(){
       console.log("静态注册失去焦点事件");   
   }
</script>
</head>
 <body>
 用户名：<input type="text" onblur="onblurfun();">
 </body>

onchange

<head>
<script>
  function onchangefun(){
      alert("静态注册onchange事件,女神已经改变");  
  }
</script>
</head>
<body>
<select onchange="onchangefun();">
   <option>女神 </option>
   <option>佳佳</option>
   <option>芳芳</option>
   </select>
</body>

onsubmit

<script>
function onsubmitfun(){
    alert("静态注册提交表单事件");
}
</script>
<form action="http://localhost:8080" method="get" onsubmit="oncubmitfun();">
 <input type="submit" value='静态注册'/ >
</form>

动态注册：是指先通过js代码将标签的dom对象，然后再通过dom对象.事件名=function（）{}这种形式赋予事件响应后代码叫动态注册

基本步骤： 1 获取标签对象

? ? ? ? ? ? ? ? ? ?2 标签对象.事件名=function(){}

onload

window.onload=function(){
   alert("动态注册onload事件"); 
}

onclick

 <head>
 <script>
   window.onload=function(){
   //1、获取标签对象
   var btnobj=document.getElementById("btn1");
   //2、通过标签对象.事件名=function(){} 
    btnobj.onclick=function(){
        alert("动态注册的onclick事件 ");    
    }        
   }
   </script>
</head>
<body>
<button id="btn1"> 按钮</button>
</body>

onblur

<head>
<script>
   window.onload=function(){
       var uaernameobj=document.getElementById("username")；
       usernameobj.onblur=function(){
           console.log("动态注册onblur事件");       
       }   
   }
</script>
</head>
 <body>
 用户名：<input type="text" id="username">
 </body>

onchange

<head>
<script>
 window.onload=function(){
      var selobj=document.getElementById("sel01");
      sel.onchange=function(){
          alert("动态注册onchange事件，男神已经改变");      
      }
 }
</script>
</head>
<body>
<select id="sel01">
   <option>男神 </option>
   <option>华仔</option>
   <option>唐伟</option>
   </select>
</body>

onsubmit

<script>
window.onload=function(){
    var f =document.getElementById("form01");
    f.onsubmit=function(){
        alert("动态注册表单提交事件");    
    }
}
</script>
<form action="http://localhost:8080" id="form01">
 <input type="submit" value='动态注册'/ >
</form>