Javascript监听图像加载调用并在图像加载之前更改src

Question

我正在运行一个前端脚本来测试一些图像，时间很时髦，这使得它独一无二。

我需要一种方法，当对端点的请求加载图像时，使用Javascript来捕获img。我知道图像端点（比如www.domain.com/directory/number.jpg），我想改变它并指向不同的端点（比如www.differentdomain.com/directory/number_2.jpg）。 我已经尝试找到元素并更改src属性，但该元素似乎在Document Ready之后加载到页面上，因此轮询页面以查找元素的时间间隔很长。

这是所有前端，在页面加载之后运行，等待用户操作。

请注意，连续运行的setInterval并没有像我想的那样精确捕获它，它为页面添加了大量资源，使其运行时间足够长。还有哪些其他选择？

我已经尝试在setInterval中使用jquery和polling作为选择器，但这会为页面添加大量资源，每10毫秒轮询一次并捕获它。问题是分配事件监听页面上尚未存在的元素。 我刚刚遇到了Javascript Promises - 我很好奇是否有办法可行，尽管我对这些想法持开放态度。 谢谢！

Answer 1

您是否尝试使用IIFE功能而不是Document Ready更改src属性？据我所知，你对图像元素的缓慢加载有问题。使用IIFE，您的代码可以在没有文档的情况下立即执行。

以下是文档就绪的JSFiddle示例

$(document).ready(function(){
    //some code
}

这是JSFiddle与IIFE的例子

!function (){
    //some code
}();

如果我误解了你的问题，我很抱歉。