国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端(js html)小知識點(diǎn)

jas0n / 1243人閱讀

摘要：當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時候，我們需要使用同樣我們?nèi)〉臅r候也需要使用。一種方法是我們刻意拼接字符串。配合使用上面兩種方法不是都含有，可以使用查看含有上面的哪些方法

javaScript

當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時候，我們需要使用setAttribute,同樣我們?nèi)〉臅r候也需要使用getAttribute。

當(dāng)我們添加img的時候,一般來說，不要在我們創(chuàng)建img并指定src后立馬添加到頁面中，這樣會出現(xiàn)圖片部分加載，而是我們應(yīng)該使用img的onload，等待圖片加載完畢，再將圖片添加到頁面中去

var ele = document.getElementById("xxx")
var domImg = new Img()
Img.src = xxxxx
Img.onload = function () {
    ele.appendChild(domImg)
}

文檔碎片(當(dāng)向文檔添加很多個節(jié)點(diǎn)的時候，如果每次創(chuàng)建的時候都向頁面添加，那么添加多少次，瀏覽就就會渲染多少次，影響性能。一種方法是我們刻意拼接字符串。另一種我們也可以創(chuàng)建一個div，往里面添加我們的節(jié)點(diǎn)，添加完成之后再一次性添加到頁面中，這樣就只重新渲染一次，但是這樣我們像頁面添加了不必要的標(biāo)簽。還有一個方法就是使用文檔碎片document.createDocumentFragment,來代替div,這個碎片在頁面中不多出來一層DOM結(jié)構(gòu))

對于像含有src屬性的ele(img script ... ,雖然document沒有src屬性，但是含有下面兩個方法都含有)，當(dāng)我們使用js動態(tài)添加的時候，判斷該標(biāo)簽加載完畢，一般有兩種方法.

ele.onload。

ele.onreadystatechange配合ele.readystate使用.

上面兩種方法不是都含有，可以使用ele.__proto__查看含有上面的哪些方法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/52962.html

相關(guān)文章

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時更新，平時業(yè)務(wù)工作時也會不定期更...

    princekin 評論0 收藏0

  • 前端(js html)小知識點(diǎn)

    摘要：當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時候，我們需要使用同樣我們?nèi)〉臅r候也需要使用。一種方法是我們刻意拼接字符串。配合使用上面兩種方法不是都含有，可以使用查看含有上面的哪些方法 javaScript 當(dāng)我們給標(biāo)簽設(shè)置標(biāo)簽自身未定義的屬性的時候，我們需要使用setAttribute,同樣我們?nèi)〉臅r候也需要使用getAttribute。 當(dāng)我們添加img的時候,一般來說，不要在我們創(chuàng)建i...

    codeKK 評論0 收藏0

  • 小光光談前端

    摘要：這個問題應(yīng)該是百度或者知乎都能知道答案的，以上是自己親身學(xué)習(xí)的一些途徑方便少走一點(diǎn)彎路入門。 問題1：前端的學(xué)習(xí)路線 基礎(chǔ)的html，css，js，推薦慕課網(wǎng)免費(fèi)課程:前端工程師路徑,極客學(xué)院免費(fèi)課程:前端工程師路徑 大概刷過就可以了，不用死記硬背某個知識點(diǎn)，css跟js還需要加深學(xué)習(xí)的，在實(shí)戰(zhàn)過程中不懂就去查文檔 基礎(chǔ)的ps切圖能力 慕課網(wǎng)ps基礎(chǔ)課程 擁有自己的虛擬主機(jī) 傳送...

    canopus4u 評論0 收藏0

  • 小光光談前端

    摘要：這個問題應(yīng)該是百度或者知乎都能知道答案的，以上是自己親身學(xué)習(xí)的一些途徑方便少走一點(diǎn)彎路入門。 問題1：前端的學(xué)習(xí)路線 基礎(chǔ)的html，css，js，推薦慕課網(wǎng)免費(fèi)課程:前端工程師路徑,極客學(xué)院免費(fèi)課程:前端工程師路徑 大概刷過就可以了，不用死記硬背某個知識點(diǎn)，css跟js還需要加深學(xué)習(xí)的，在實(shí)戰(zhàn)過程中不懂就去查文檔 基礎(chǔ)的ps切圖能力 慕課網(wǎng)ps基礎(chǔ)課程 擁有自己的虛擬主機(jī) 傳送...

    shiguibiao 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<