在html文件中我有这样的东西：
<img src="dist/assets/img/photos/md/photo-1.jpg"/>
然后使用JS我检查窗口宽度并相应地改变图像的路径：
<img src="dist/assets/img/photos/xs/photo-1.jpg"/>
或
<img src="dist/assets/img/photos/lg/photo-1.jpg"/>
问题是，对于xs窗口，它只加载xs大小的图像或两者 - md（因为我在html中有md路径）加上来自js的xs大小的图像？
谢谢。
答案 0 :(得分：0)
首先会加载 md 文件，只要 JavaScript 加载， xs 也会被加载，而{ {1}}的来源将更改为 xs 文件的路径。
答案 1 :(得分：0)
可以加载中等图像，但您无法保证。实际上，只要 DOM 准备就绪，javascript就可以更改src属性值。像图像这样的外部资源请求不会阻止 DOM ready 事件的触发。
由于浏览器进行了非常激进的优化，因此可能已经发送了获取媒体图像的请求。在（相对）高网络延迟的情况下，当脚本更改属性值时，请求仍将处于暂挂状态，否则，或者如果图像已经在缓存中，则它将已加载。
注意：要解决响应式图片的问题，srcset属性可能会让您感兴趣。它取决于what browsers you should support。