JavaScript基础语法10——事件（用法）

事件基本用法

1. 事件

1. onclick : 点击事件
2. onmouseover：鼠标移入事件
3. onmouseout：鼠标移出事件

2. 方法

<button id="btn">点我一下的按钮</button>

1. 行内onclick方式

   body：(写好函数，直接在行内用就行了)

   <button onclick="getSum()">点我求1-100的数字和</button>
   <button onclick="pSum()">点我求1990-2010的平年个数</button>
   

   script:

   function getSum() {
           var num = 0;
           for (var i = 1; i <= 100; i++) {
               num += i;
   		}
          // document.write(num);//会让原文档消失
           alert(num);//原文档不会消失迭代mo'ren
   }
   function pSum() {
   	var num = 0;
   	for (var i = 1990; i <= 2010; i++) {
   		if (!(i % 4 == 0 && i % 100 != 0 || i % 400 == 0)){
   			num += i;
   		}
   	}
       alert(num);
   }
   

2. DOM方式

   1. 先获取这个元素（用id找到）

      var oBtn = document.getElenmentById('btn');//通过id的方式找到，把这个对象一样的东西扔给一个变量
      

   2. 再给这个按钮绑定一个事件

      oBtn.onclick = fn;