亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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瀏覽器下事件處理程序