Arguments(類數(shù)組對象)

主要存儲給函數(shù)傳入的參數(shù)

ele.style.border這種方式在js中只能獲得行內(nèi)樣式，所以引用html' target='_blank'>currentStyle和getComputedStyle,但它們不能更改屬性，只能獲取屬性，且存在兼容性。

currentStyle(兼容IE)

getComputedStyle(兼容火狐，谷歌)

寫法ele.currentStyle[“attr”]或ele.currentStyle.attr

window.getComputedStyle(ele,null)[attr]或window.getComputedStyle(ele,null).attr

onfocus(獲得焦點(diǎn))onblur(失去焦點(diǎn))

onfocus在元素獲得焦點(diǎn)時觸發(fā)

onblur在元素失去焦點(diǎn)時觸發(fā)

shift()刪除數(shù)組第一項(xiàng) aTmp.shift()

unshift()添加數(shù)組第一項(xiàng) aTmp.unshift(“Java”)

pop()刪除數(shù)組最后一項(xiàng) aTmp.pop()

push()添加數(shù)組最后一項(xiàng) aTmp.push(“Java”)

concat()連接多個數(shù)組 aTmp.concat(bTmp) 連接aTmp與bTmp數(shù)組

join將數(shù)組中所有元素合成一個字符串

splice()從數(shù)組中添加/刪除元素，再添加上元素

arr.splice(2,1,”Javs”)刪除數(shù)組中從第2項(xiàng)開始(包括第2項(xiàng))的1項(xiàng)，再在原位置上添加Java

arr.splice(2,3,”Java”)刪除數(shù)組中從第2項(xiàng)開始的3項(xiàng),再在原位置上添加Java

addHandler()為對象添加事件函數(shù)，有三個參數(shù)。

例: EventUtil.addHandler( elem , event , function() ); 對象，事件，函數(shù)

removeHandler()為對象移出當(dāng)前添加的事件，有三個函數(shù)。

例: EventUtil.removeHandler( elem , event , function()); 對象，事件，函數(shù)

addEventListener()用于向指定元素添加事件，有三個參數(shù)

例: elem.addEventListener( event , function() , use); 事件，函數(shù)，執(zhí)行順序（冒泡[false]或捕獲[true]）

removeEventListener()用于給指定元素刪除事件，有三個參數(shù)

例: elem.removeEventListener( event , function() , use) 事件，函數(shù)，執(zhí)行順序;

attachEvent()為對象添加事件，兩個函數(shù)

例: elem.attachEvent( “on” + event , function() ); 事件，函數(shù)

detachEvent()刪除指定事件，兩個參數(shù)，必須是attachEvent()添加的事件才能被detachEvent()刪除

例: elem.detachEvent( “on” + event , function() ); 事件，函數(shù)

attachEvent與detachEvent處理事件前面需要加on

removeEventListener在HTML元素上移出綁定事件，addEventListener在HTML元素上綁定事件。

FF,chrome,opera,safar,IE9支持

detachEvent在HTML元素上移出綁定事件，attachEvent在HTML元素上綁定事件

只有IE支持

所以為了適應(yīng)跨瀏覽器將兩種都寫上，在根據(jù)具體的瀏覽器判斷，使用哪一種

例：elem.addEventListener ? elem.addEventLIistener(sEvent , fnHandler , false ) : elem.attachEvent( “on” + sEvent , fnHandler )

判斷是否存在addEventListener如果存在用addEventListener,如果不存在用attachEvent。

match()函數(shù)

檢索并返回檢索到的字符，對象可以是字符串，可以是正則表達(dá)式

例1：var str = “Hello world!”

document.write(str.match(“world”) + “ br / ”) //world

例2：var str = “1 plus 2 equal3”

Document.write(str.match(//d+/g)) //1,2,3

keycode()事件

返回鍵盤敲的鍵的ASCII值

一般與onkeyup和onkeydown一起使用

例 var x = event.keyCode;

onkeydown()事件

在鍵盤上按下一個鍵就會觸發(fā)事件

例： input type=”text” function()”

onkeypress()事件

在鍵盤按下一個鍵并釋放之后就會觸發(fā)

onkeyup()事件

在鍵盤按鍵被松開之后會觸發(fā)

三個事件的先后順序?yàn)閛nkeydown,onkeypress,onkeyup

鼠標(biāo)點(diǎn)擊事件

onclick,onmousedown,onmouseup,oncontextmenu,ondblclick

onclick

當(dāng)鼠標(biāo)點(diǎn)擊元素時，觸發(fā)事件

onmousedown

當(dāng)鼠標(biāo)按鍵被按下時，觸發(fā)事件

onmouseup

當(dāng)鼠標(biāo)按鍵按下然后松開時，觸發(fā)事件

oncontextmenu

當(dāng)用戶在元素上右擊鼠標(biāo)時，觸發(fā)事件

ondblclick

當(dāng)鼠標(biāo)雙擊元素時，觸發(fā)事件

client 可視區(qū)域

offsetWidth: width + padding + border

clientWidth: width + padding 不包括border

scrollWidth: 大小是內(nèi)容大小

ctrlKey()

返回一個布爾值，指示當(dāng)事件發(fā)生時，Ctrl鍵是否被按下

setCapture()

把鼠標(biāo)事件捕獲到當(dāng)前文檔指定的對象,但只能捕獲鼠標(biāo)事件(onmousedown,onmouseup,onmousemove,onclick,ondbclick,onmouseover,onmouseout)而不能捕獲鍵盤事件。

releaseCapture()

與setCapture()對應(yīng)，釋放鼠標(biāo)事件，setCapture()與releaseCapture()是IE的專用方法。

obj.style.left與obj.offsetLeft都是相對于父元素的值，此外，obj.style.left返回的是字符串即例28px是可讀寫的(即可修改的)，obj,offsetLeft返回的是數(shù)值例28只可讀取(不能修改)，obj.style.top與obj.offsetTop也是。

appendChild( newChild )

一個參數(shù)，在父節(jié)點(diǎn)的內(nèi)部的尾部追加一個新的節(jié)點(diǎn)

例：target.appendChild( newChild )

insertBefore()

例：target.insertBefore( newChild , targetChild )

兩個參數(shù)，將新節(jié)點(diǎn)插入目標(biāo)節(jié)點(diǎn)的前面

target被添加節(jié)點(diǎn)和現(xiàn)有節(jié)點(diǎn)的父節(jié)點(diǎn)。

newChild將要被插入的節(jié)點(diǎn)。

targetChild現(xiàn)有的節(jié)點(diǎn)，新節(jié)點(diǎn)將會插入它的前面，這個值可以為null。

insertAfter()

target.insertAfter( newChild , targetChild )

沒有提供這種方法，需要自己寫一個函數(shù)使用

兩個參數(shù)，第一個參數(shù)與insertBefore相同，第二個參數(shù)表示新節(jié)點(diǎn)將會插入它的后面

函數(shù)為：

Function insertAfter( newElement , targetElement ){

var parent = targetElement.parentNode;

if(parent.lastChild == targetElement){

parent.appendChild(newElement);

}

else{

parent.insertBefore(newElement,targetElement.nextSibling);

}

}

childNodes

使用childNodes屬性可以返回一個數(shù)組中，數(shù)組包含這個父節(jié)點(diǎn)中的所有子節(jié)點(diǎn)。

firstChild

firstChild是返回目標(biāo)元素節(jié)點(diǎn)的子節(jié)點(diǎn)的第一個，相當(dāng)于childNodes[0]。

lastChild

lastChild是返回目標(biāo)元素節(jié)點(diǎn)的子節(jié)點(diǎn)的最后一個，相當(dāng)于childNodes[length-1]。

例：target.childNodes[1] 獲得目標(biāo)節(jié)點(diǎn)下的第二個節(jié)點(diǎn)

nextSibling

返回某個元素同一級之后緊跟的節(jié)點(diǎn)

previousSibling

返回某個元素同一級之前的一個節(jié)點(diǎn)

例：document.getElementById(“item”).nextSibling

offsetParent 指與位置有關(guān)的上級元素 只讀

parentNode 指與位置無關(guān)的上級元素 只讀

Math.ceil()對一個數(shù)值進(jìn)行向上取整

返回大于或等于的整數(shù)

Math.floor()對一個數(shù)值進(jìn)行向下取整

返回小于或等于的整數(shù)

Math.round()四舍五入

返回一個與數(shù)值最接近的值

例：Math.ceil(x);

a||b

如果a是true，那么不管b是true還是false，都返回true，因此不用判斷b(即不用再執(zhí)行b)了，這個時候剛好判斷到a，因此返回a。

如果a是false，那么就要判斷b(執(zhí)行b)，如果b是true，返回true，如果是false，則返回false，其實(shí)就是返回b。

a b

如果a是false，那么b不管是true還是false，都返回false，因此不用判斷b(即不用執(zhí)行b)了，這個時候剛好判斷到a，返回a。

如果a是true，那么就要判斷b，那么不管b是true還是false，都返回b。

這個便可以用于判斷選擇執(zhí)行

例：maxWidth getOffset.left(oUl[0]) (oUl[0].style.left = -oUl[0].clientWidth + “px”);

即如果maxWidth大于或等于oUl[0]的距父元素左端值，那么前面為false，則不用執(zhí)行后面

如果maxWidth小于oUl[0]的左端值，那么前面為true，要執(zhí)行后面則oUl[0]的距父元素左端值為負(fù)。

數(shù)值轉(zhuǎn)換

parseInt()

兩個參數(shù)，第一個為要轉(zhuǎn)換的數(shù)值(可以為布爾值，可以為不同進(jìn)制的值)，第二個為要轉(zhuǎn)換的進(jìn)制(可以省略，默認(rèn)為轉(zhuǎn)換為十進(jìn)制)。轉(zhuǎn)換時，從第一個字符開始，掠過空格直到找到第一個非空格字符，如果字符是字母則返回NaN，如果為數(shù)字則開始轉(zhuǎn)換。小數(shù)忽略小數(shù)點(diǎn)之后轉(zhuǎn)換為整數(shù)，如果數(shù)字后面有字母，則轉(zhuǎn)換到字母前后面省略。其他按需要的進(jìn)制轉(zhuǎn)換。

例：var num1 = parseInt(“0xF”) //15

Number()

只有一個參數(shù)，為需要轉(zhuǎn)換的數(shù)值，基本轉(zhuǎn)換與parseInt()基本一致，如從第一個字符開始，會忽略空格和字符，而且只能轉(zhuǎn)換為十進(jìn)制的整數(shù)或小數(shù)(小數(shù)點(diǎn)后13位)，可以轉(zhuǎn)換布爾值。

例：var num1 = Number(“0011”) //11

parseFloat()

只有一個參數(shù)為需要轉(zhuǎn)換的數(shù)值，會識別第一個小數(shù)，忽略第二個小數(shù)及其之后的東西，只能轉(zhuǎn)換為十進(jìn)制，其他基本與parseInt()一致。

return

用于返回調(diào)用函數(shù)，所得的結(jié)果。

return;

表示到此結(jié)束，調(diào)用函數(shù)結(jié)束，將執(zhí)行權(quán)交給頁面。

return: false;

返回錯誤的處理結(jié)果以及阻止代碼繼續(xù)執(zhí)行。

一般用于阻止默認(rèn)動作的執(zhí)行。

return: true;

返回正確的處理結(jié)果。

本文講解了Javascript一些總結(jié)，更多相關(guān)內(nèi)容請關(guān)注php 。

相關(guān)推薦：

簡易 PHP+MySQL 分頁類

兩個不用遞歸的樹形數(shù)組構(gòu)造函數(shù)

HTML轉(zhuǎn)Excel，并實(shí)現(xiàn)打印，下載功能

以上就是Javascript總結(jié)的詳細(xì)內(nèi)容，PHP教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。