setInterval在开定时器前，要先清定时器clearInterval(timer);--->使用timer要先定义timer=null;

var random=Math.random();//生成随机数0-1之间的浮点数
console.log("random")//打印random
Math.floor(Math.random()*data.length)//0~7之间的随机数取整

键盘事件~~~键盘事件~~~

支持IE事件处理程序的浏览器：IE和OPERA

DOM2级事件处理程序

一、定义了两个方法：
addEventListener()添加事件
removeEventListener()移除事件
btn3.addEventListener('click',showMes,false);
三个参数设置：事件名称，处理方法(函数)，布尔值-----冒泡（false）或捕获（true）

二、注意：
1.事件名称全都不加on了，onclickclick——事件名称要加引号“”
2.处理方法中的函数只写函数名，不加括号——不加括号才是函数，加了括号是运行函数
3.false 兼容所有浏览器-----事件冒泡流——布尔值是不需要加引号“”的
4.通过addEventListener添加的事件只能通过removeEventListener来删除——参数要一样
btn.removeEventListener(参数);//参数必须和btn.addEventListener的一致，删除事件

三、其他
dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。
btn3.addEventListener('click',showMes,false);
btn3.addEventListener('click',showMes,function(){alert(this.value）;},false);
//不可以这样添加两个函数，怀疑其本意为：
//Btn3.addEventListener('click',showmessage1/function(){alert("这是匿名函数")},false);  

四、缺点：IE不支持该事件

DOM0级事件处理程序 （用得比较多）：先把元素取出来，然后为其属性添加一个事件的方法叫DOM0级处理程序。
它是一种较传统的方式：把一个函数赋值给一个事件处理程序的属性。
优点：简单，跨浏览器的优势
var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象
btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性

时间冒泡IE

事件流，，，

以属性进行判断if（event.stopPropagation）{}

在IE中的事件对象几乎都是属性

非IE的事件对象用event，IE8之前用window.event

dom中和ie中的event属性，比如获取dom中的事件目标event.target,在ie中则要用event.srcElement

事件对象event

跨浏览器的事件处理程序

var eventUtil={
    //添加句柄
    addHandler:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListener(type,handler,false);
        }else if(element.attachEvent){
            element.attachEvent('on'+type,handler);
        }else{
            element['on'+type]=handler;//DOM0级事件处理程序判断
        }
    },
    //删除句柄
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent('on'+type,handler);
        }else{
            element['on'+type]=null;//DOM0级事件处理程序判断
        }
    }
}
eventUtil.addHandler(btn3,'click',showMes);
eventUtil.removeHandler(btn3,'click',showMes);

element.onclick===element['onclick']

IE浏览器下事件处理程序