前端基礎(chǔ)知識(shí)總結(jié)(二)

不知道大家在學(xué)JS的時(shí)候遇到過(guò)就是獲取某個(gè)對(duì)象的時(shí)候?qū)δ承?biāo)簽有弄混的現(xiàn)象,自從用JS每天寫代碼免不了要獲取對(duì)象,有的是獲取一個(gè)單一的對(duì)象,有的是獲取一個(gè)數(shù)組,有的時(shí)候我就混亂了,經(jīng)過(guò)長(zhǎng)時(shí)間的練習(xí),我總結(jié)了幾條規(guī)律,希望對(duì)你們有用。

對(duì)于下圖:

圖片發(fā)自簡(jiǎn)書App

document.getElementsByName('radiogroup1') 取得的是這三個(gè)控件,可以用 document.getElementsByName('radiogroup1')[0] 取得的是第一個(gè)控件。

document.getElementById('radio1')取得的是第一個(gè)控件,

document.getElementsByTagName('input') 取得的是這三個(gè)控件,可以用document.getElementsByTagName('input')[0] 取得的是第一個(gè)控件。

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

onmouseover 鼠標(biāo)移入觸發(fā)該方法

onmouseout 鼠標(biāo)移出觸發(fā)該方法

this變量 永遠(yuǎn)指向其所在函數(shù)的所有者,如果沒(méi)有所有者,則指向window

Marh.min(); //獲取若干個(gè)數(shù)中的最小值

Marh.max(); //獲取若干個(gè)數(shù)中的最大值

Marh.ceil(); //上舍入

Marh.floor(); //下舍入

Marh.round(); //四舍五入

Marh.random();//0-1的隨機(jī)數(shù)

push(元素) 從尾部添加新元素

unshift(元素) 從頭部添加新元素

pop(元素) 從尾部彈出元素

shift(元素) 從頭部彈出新元素

splice(起始位置, 長(zhǎng)度) 從起始位置開(kāi)始刪除長(zhǎng)度個(gè)元素

window.onload = function() {

? console.log("load");

?};

window.onload = function() {

? console.log("load again");

?};

在代碼中這兩個(gè)函數(shù)只會(huì)運(yùn)行第二個(gè)。。所以onload只能指向一個(gè)函數(shù)

$(function() {

? console.log("ready");

?});

?$(function() {

? console.log("ready adain");

?});

在執(zhí)行當(dāng)中兩個(gè)函數(shù)都會(huì)運(yùn)行,ready可以指向多個(gè)函數(shù),順序執(zhí)行。

onload事件,當(dāng)頁(yè)面完全加載后再window上面觸發(fā),為了保證在執(zhí)行js代碼之前,頁(yè)面已經(jīng)完全加載完畢

onload 網(wǎng)頁(yè)和所有外部鏈接資源都加載完成。。只能指向一個(gè)函數(shù)

ready document解析完之后執(zhí)行,外部資源未加載

如果onload和ready同時(shí)存在,先執(zhí)行ready函數(shù),在執(zhí)行onload函數(shù)

sayHi()表示函數(shù)調(diào)用,得到的是函數(shù)返回值 sayHi只是一個(gè)對(duì)象,不運(yùn)行代碼

構(gòu)造函數(shù)就是只用于創(chuàng)建對(duì)象用的特殊函數(shù)

用構(gòu)造函數(shù)創(chuàng)建對(duì)象(習(xí)慣上以大寫開(kāi)頭)

因?yàn)橄挛缬锌荚嚕拖瓤偨Y(jié)了這么點(diǎn),希望大神多指點(diǎn)。。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML HTML5標(biāo)簽 媒體查詢head部分寫法 Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義...
    Mayo_閱讀 723評(píng)論 0 8
  • HTML html5的新特性 文件類型聲明(<!DOCTYPE>)僅有一型:<!DOCTYPE HTML>。 新的...
    嚶嚶嚶666閱讀 1,366評(píng)論 0 29
  • 數(shù)據(jù)結(jié)構(gòu)與算法 棧和隊(duì)列的區(qū)別 網(wǎng)絡(luò)基礎(chǔ) HTTP 無(wú)狀態(tài)怎么理解 可以從REST的角度來(lái)理解這個(gè)問(wèn)題。我們知道R...
    笑極閱讀 747評(píng)論 1 5
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂(lè)君閱讀 5,891評(píng)論 0 106
  • 老板娘!來(lái)一碗五毛錢的雞精湯。 當(dāng)你大聲呼喊出你的愿望,你動(dòng),世界隨著你而動(dòng)。 我是沒(méi)資格講這句話的,因?yàn)槭澜鐩](méi)有...
    哥斯拉天下無(wú)敵閱讀 279評(píng)論 2 1

友情鏈接更多精彩內(nèi)容