前端(js html)小知识点

2024年3月13日 107次阅读 来源: RickyLong

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

    原文作者：RickyLong
    原文地址: https://segmentfault.com/a/1190000016235140
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞