前端(js html)小知識點

隆金岑發表於2019-02-16
前端JSHTML

javaScript

  • 當我們給標籤設定標籤自身未定義的屬性的時候，我們需要使用setAttribute,同樣我們取的時候也需要使用getAttribute。
  • 當我們新增img的時候,一般來說，不要在我們建立img並指定src後立馬新增到頁面中，這樣會出現圖片部分載入，而是我們應該使用img的onload，等待圖片載入完畢，再將圖片新增到頁面中去
var ele = document.getElementById(`xxx`)
var domImg = new Img()
Img.src = xxxxx
Img.onload = function () {
    ele.appendChild(domImg)
}
  • 文件碎片(當向文件新增很多個節點的時候，如果每次建立的時候都向頁面新增，那麼新增多少次，瀏覽就就會渲染多少次，影響效能。一種方法是我們刻意拼接字串。另一種我們也可以建立一個div，往裡面新增我們的節點，新增完成之後再一次性新增到頁面中，這樣就只重新渲染一次，但是這樣我們像頁面新增了不必要的標籤。還有一個方法就是使用文件碎片document.createDocumentFragment,來代替div,這個碎片在頁面中不多出來一層DOM結構)

  • 對於像含有src屬性的ele(img script ... ,雖然document沒有src屬性，但是含有下面兩個方法都含有)，當我們使用js動態新增的時候，判斷該標籤載入完畢，一般有兩種方法.

    • ele.onload。
    • ele.onreadystatechange配合ele.readystate使用.

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

相關文章