摘要:當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時(shí)候,我們需要使用同樣我們?nèi)〉臅r(shí)候也需要使用。一種方法是我們刻意拼接字符串。配合使用上面兩種方法不是都含有,可以使用查看含有上面的哪些方法
javaScript
當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時(shí)候,我們需要使用setAttribute,同樣我們?nèi)〉臅r(shí)候也需要使用getAttribute。
當(dāng)我們添加img的時(shí)候,一般來(lái)說(shuō),不要在我們創(chuàng)建img并指定src后立馬添加到頁(yè)面中,這樣會(huì)出現(xiàn)圖片部分加載,而是我們應(yīng)該使用img的onload,等待圖片加載完畢,再將圖片添加到頁(yè)面中去
var ele = document.getElementById("xxx") var domImg = new Img() Img.src = xxxxx Img.onload = function () { ele.appendChild(domImg) }
文檔碎片(當(dāng)向文檔添加很多個(gè)節(jié)點(diǎn)的時(shí)候,如果每次創(chuàng)建的時(shí)候都向頁(yè)面添加,那么添加多少次,瀏覽就就會(huì)渲染多少次,影響性能。一種方法是我們刻意拼接字符串。另一種我們也可以創(chuàng)建一個(gè)div,往里面添加我們的節(jié)點(diǎn),添加完成之后再一次性添加到頁(yè)面中,這樣就只重新渲染一次,但是這樣我們像頁(yè)面添加了不必要的標(biāo)簽。還有一個(gè)方法就是使用文檔碎片document.createDocumentFragment,來(lái)代替div,這個(gè)碎片在頁(yè)面中不多出來(lái)一層DOM結(jié)構(gòu))
對(duì)于像含有src屬性的ele(img script ... ,雖然document沒(méi)有src屬性,但是含有下面兩個(gè)方法都含有),當(dāng)我們使用js動(dòng)態(tài)添加的時(shí)候,判斷該標(biāo)簽加載完畢,一般有兩種方法.
ele.onload。
ele.onreadystatechange配合ele.readystate使用.
上面兩種方法不是都含有,可以使用ele.__proto__查看含有上面的哪些方法
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/97268.html
摘要:特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多,可以很快搞定,沒(méi)想到一入?yún)R總深似海。還有很多不足&遺漏的地方,歡迎補(bǔ)充。有錯(cuò)誤的地方,還請(qǐng)斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應(yīng)和斧正,會(huì)及時(shí)更新,平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...
摘要:當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時(shí)候,我們需要使用同樣我們?nèi)〉臅r(shí)候也需要使用。一種方法是我們刻意拼接字符串。配合使用上面兩種方法不是都含有,可以使用查看含有上面的哪些方法 javaScript 當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時(shí)候,我們需要使用setAttribute,同樣我們?nèi)〉臅r(shí)候也需要使用getAttribute。 當(dāng)我們添加img的時(shí)候,一般來(lái)說(shuō),不要在我們創(chuàng)建i...
摘要:這個(gè)問(wèn)題應(yīng)該是百度或者知乎都能知道答案的,以上是自己親身學(xué)習(xí)的一些途徑方便少走一點(diǎn)彎路入門(mén)。 問(wèn)題1:前端的學(xué)習(xí)路線 基礎(chǔ)的html,css,js,推薦慕課網(wǎng)免費(fèi)課程:前端工程師路徑,極客學(xué)院免費(fèi)課程:前端工程師路徑 大概刷過(guò)就可以了,不用死記硬背某個(gè)知識(shí)點(diǎn),css跟js還需要加深學(xué)習(xí)的,在實(shí)戰(zhàn)過(guò)程中不懂就去查文檔 基礎(chǔ)的ps切圖能力 慕課網(wǎng)ps基礎(chǔ)課程 擁有自己的虛擬主機(jī) 傳送...
摘要:這個(gè)問(wèn)題應(yīng)該是百度或者知乎都能知道答案的,以上是自己親身學(xué)習(xí)的一些途徑方便少走一點(diǎn)彎路入門(mén)。 問(wèn)題1:前端的學(xué)習(xí)路線 基礎(chǔ)的html,css,js,推薦慕課網(wǎng)免費(fèi)課程:前端工程師路徑,極客學(xué)院免費(fèi)課程:前端工程師路徑 大概刷過(guò)就可以了,不用死記硬背某個(gè)知識(shí)點(diǎn),css跟js還需要加深學(xué)習(xí)的,在實(shí)戰(zhàn)過(guò)程中不懂就去查文檔 基礎(chǔ)的ps切圖能力 慕課網(wǎng)ps基礎(chǔ)課程 擁有自己的虛擬主機(jī) 傳送...
閱讀 3621·2021-09-30 09:59
閱讀 2229·2021-09-13 10:34
閱讀 577·2019-08-30 12:58
閱讀 1507·2019-08-29 18:42
閱讀 2198·2019-08-26 13:44
閱讀 2922·2019-08-23 18:12
閱讀 3321·2019-08-23 15:10
閱讀 1625·2019-08-23 14:37