條件語句，循環(huán)語句，while循環(huán)，do while:

arr

數(shù)組的定義：

New array(length/content)

字面量

數(shù)組的讀和寫【arr[num]不可溢出來讀//undefined；?arr[]=xxx;可以溢出來寫】

Array:?數(shù)組在JavaScript里面很難報錯，可以直接賦值

數(shù)組常用方法：

改變原數(shù)組【Push,pop,shift,unshift,sort,reverse,】

splice

不改變原素組

Concat,join split，tostring,slice

事件?：

1.移動事件

2.點(diǎn)擊事件

3.覆蓋時間

4.鍵盤事件

綁定事件：

on.xx綁定事件—句柄

ele.onxxx = function(event){}

兼容性好，但是一個元素的同一個事件上只有一個

基本等同于寫在Html行間上`在這里插入代碼片

obj.addEnventListener(type,fn,false);【w3c標(biāo)準(zhǔn)的】【能給一個對象綁定一個事件的多個處理函數(shù)】

IE9以下不兼容，可以為一個事件綁定多個處理事件

obj.attachEvent(‘on’+type,fn)【ie9獨(dú)用，能給一個對象綁定一個事件的多個處理函數(shù)，并且一個對象的一個事件綁定同一個函數(shù)多次他都能執(zhí)行】

就是一個事件同樣可以綁定多個處理程序

ele.onxxx = function(event){} [程序this指向dom元素本身]

. obj.addEventListener(type,fn,false); [程序this指向dom元素本身]

obj.attachEvent(‘on’,+type,fn); [程序this指向window]

封裝兼容性addEvent(elem,type,handle);方法:

//Eg-code:

Function addEvent(elem,type,handle){

If(elem.adddEventListener){

Elem. adddEventListener(type,handle,false);

}else if(elem.attachEvent){

Elem.attachEvent(‘on’+type,function(){

Handle.call(elem);

})

}else{

Elem[‘on’+type] =handle

}

}

}

解除事件處理程序：

ele.onclick = false/’’/null;

ele.removeEventListener(type,fn,false);

ele.detachEvent(‘on’+type,fn);

注：若綁定匿名函數(shù)，則無法解除

事件處理模型-事件冒泡（false）、捕獲(true)：

事件冒泡：

結(jié)構(gòu)上（非視覺上）嵌套關(guān)系的元素，會存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素（自底向上）

事件捕獲：

結(jié)構(gòu)上（非視覺上）嵌套關(guān)系的元素，會存在事件冒泡的功能，即同一事件，自父元素捕獲至子元素（事件源元素）（自頂向上）

IE，沒有捕獲事件

觸發(fā)順序,先捕獲，后冒泡

Focus、blur、change、submit、reset、select等事件不冒泡

取消冒泡：

w3c標(biāo)準(zhǔn)event.stopPropagation();但不支持ie9以下版本

ie獨(dú)有event.cancelBubble = true

封裝取消冒泡的函數(shù)stopBubble(event)

Function stopBubble(event){

If(event.stopPropagation){

Event.stopPropagation();

}

else{

event.cancelBubble =true;

}

}

阻止默認(rèn)事件：

默認(rèn)事件-表單提交，a標(biāo)簽跳轉(zhuǎn)，右鍵菜單等

Return false;以對象屬性的方式注冊的事件才生效

Event.preventDefault();w3c標(biāo)注，IE9以下不兼容

Event.returnValue = false;兼容ie

封裝阻止默認(rèn)事件的函數(shù)cancelHandler（event）;【void(false):取消默認(rèn)事件----==return false】

Function ?cancelHandler (event){

If(e.preventDefault){

e.preventDefault();

} else{

e.returnValue = false;

}

}

事件對象：

Envent ||window.event用于IE

事件源對象：

Event.target 火狐只有這個

Event.srcElement ie只有這個

這倆chrome都有

兼容寫法

事件委托機(jī)智：【簡便，效率高】

//Eg-code：

var ul = document.getElementsByTagName('ul')[0];

ul.onclick = function(e){

var event = e || window.event;

var target = event.target || event.srcElement;

console.log(target.innerText);

}

JS和腳本化：

鼠標(biāo)事件：

Click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout、mouseenter、mouseleave

用button來區(qū)分鼠標(biāo)的按鍵，0/1/2

DOM3標(biāo)準(zhǔn)規(guī)定：click事件只能監(jiān)聽左鍵，只能通過mousedown和mouseup老判斷鼠標(biāo)鍵

鼠標(biāo)事件：

拖拽應(yīng)用：

應(yīng)用mousedown mousemove mouseup

隨機(jī)移動的方塊

[Mousever]

鍵盤分類：

Keydown keyup keypress Keydown>keypress>keyup

Keydown>keypress>keyup Keydown和keypress的區(qū)別

Keydown可以響應(yīng)任意鍵盤按鍵，keypress只可以響應(yīng)字符串鍵盤按鍵 Keydown返回ASCII碼，可以轉(zhuǎn)換相應(yīng)字符

文本操作事件：

Input（input里面輸入或刪除都觸發(fā)事件，只有文本框里面值不一樣就觸發(fā)）,focus,blur,change

時間分類：

窗體操作（window上的事件）

Scroll ?load

Onmousemove:鼠標(biāo)移動事件

Onmousedown:鼠標(biāo)按下去的事件

下面我們就來實(shí)際操作：掃雷嘍！！

///首頁

<tfoot id="ykkcy"></tfoot>