前端(js html)小知识点

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__查看含有上面的哪些方法