javascript - 如何在 DOM 加载之前更改 img 元素的 src

Question

我想知道是否存在一个向用户显示一堆图像的轮播，但是可以说，根据用户，轮播中显示的 img 需要更改为其他内容。如何在页面加载之前更改 img src？ DOM实际上并不存在供我们获取img元素的dom元素并将其src更改为新图像吗？怎样才能做到这一点？

我想可能在 head 部分有一个内联脚本标记，其中 async 设置为 false，这不会阻止 DOM 的加载。我不知道。请告诉我是否有任何其他替代方案或 html5 功能

Answer 1

在加载 DOM 之前，您无法使用 JavaScript 来访问 DOM。处理这个问题的最佳方法是使用像handlebars 这样的模板语言在服务器端编译 HTML(取决于您的后端语言是什么)。但是，如果这不是一个选项，您也可以在图像位置放置一个占位符加载符号，然后在 <img> 后动态添加 src url。已加载到 DOM 中，然后使用 JS 或 jQuery 更改 src属性。

希望有帮助!