解决JavaScript DOM事件不生效问题
问题代码
1 | <html> |
1 | document.addEventListener('DOMContentLoaded', () => { |
解决思路
问题就出在引入main.js使用了async导致HTML解析和JavaScript运行同时执行。
解决办法也很简单,首先JavaScript有一个document.readyState
的属性用来获取加载状态,其中属性可以为:
1 | loading(正在加载) |
其中 如果已经是非loading
状态了,那么在去添加DOM完成事件肯定就不会执行完成后的操作了。
顾解决办法如下:
1 | const initialize = () => { |
本博客所有文章除特别声明外,均采用 CC BY-NC-ND 4.0 许可协议。转载请注明来源 锐龙的小窝!
评论