事件基本用法
1. 事件
- onclick : 点击事件
- onmouseover:鼠标移入事件
- onmouseout:鼠标移出事件
2. 方法
<button id="btn">点我一下的按钮</button>
-
行内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); }
-
DOM方式
-
先获取这个元素(用id找到)
var oBtn = document.getElenmentById('btn');//通过id的方式找到,把这个对象一样的东西扔给一个变量
-
再给这个按钮绑定一个事件
oBtn.onclick = fn;
-