解决因阻塞导致的页面渲染异常

1.CSS无法在HTML中正常渲染

原因以及解决方法借鉴:https://www.cnblogs.com/goloving/p/9286521.html

2.JS通过getElementsByClassName或者getElementsById获取元素时报undefined

  • 原因:由于浏览器开始解析目标HTML文件,执行流的顺序为自上而下,所以当html中的元素还没有被渲染出来时就无法对元素进行事件绑定等操作。
  • 解决方式:
    js文件放在body中的最后,此时可以正常渲染也不会阻塞渲染。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容