在使用addEventListener('DOMContentLoaded')监听DOM加载完成事件时,如果在DOM加载完成后动态修改了HTML元素,会出现无法重新加载新元素的问题。这是因为DOMContentLoaded事件只在DOM初次加载时触发。
解决方法是使用window.onload事件来代替DOMContentLoaded事件,window.onload在页面所有资源(包括图片和其他媒体文件)加载完成后触发。代码示例如下:
window.onload = function() { // your code here };
注:如果在页面所有资源加载完成前需要执行某些操作,可以使用defer属性来异步加载JavaScript文件。例如: