Javascript 加载图像标记的href时触发加载事件

我的HTML代码中有一个图像标记，如下所示：

<image
    transform="scale(1, 1)"
    id="uniqueDomId-301"
    data-original-image="01"
    x="-6"
    y="-6"
    opacity="1"
    xlink:href="https://www.armytimes.com/resizer/DSRTzWuazXDDnMGKhI_WjpsejqE=/1200x0/filters:quality(100)/arc-anglerfish-arc2-prod-mco.s3.amazonaws.com/public/I7BT6CWECJDIVDKFA25OQBFQ7M.jpg"
    height="756"
    width="1445"
    data-accepts="events"
    data-reactid=".0.0.3.2.0.1.0:$_player=15g5VJPvQEXE=16hc3eOukv2x.0.3:$c249.1:$c256.$slideobject299.$0.$0.$0"
></image>

window.addEventListener("load", () => {
    //will be executed after page is loaded.
});

首先，“图像”不是正确的html。因此，您可能需要使用“img”

您可以在任何元素上使用eventListener。有一个称为“加载”的事件。您还必须确保在加载图像之前加载添加eventlistener的javascript。您可以通过将脚本放在头部来实现这一点

如何使用加载事件：

element.addEventListener("load", () => {
    //will be executed after element is loaded.
});

也可以在加载整个页面后使用此事件执行，如下所示：

<image
    transform="scale(1, 1)"
    id="uniqueDomId-301"
    data-original-image="01"
    x="-6"
    y="-6"
    opacity="1"
    xlink:href="https://www.armytimes.com/resizer/DSRTzWuazXDDnMGKhI_WjpsejqE=/1200x0/filters:quality(100)/arc-anglerfish-arc2-prod-mco.s3.amazonaws.com/public/I7BT6CWECJDIVDKFA25OQBFQ7M.jpg"
    height="756"
    width="1445"
    data-accepts="events"
    data-reactid=".0.0.3.2.0.1.0:$_player=15g5VJPvQEXE=16hc3eOukv2x.0.3:$c249.1:$c256.$slideobject299.$0.$0.$0"
></image>

window.addEventListener("load", () => {
    //will be executed after page is loaded.
});

---

不是有效的html元素，因此它可能来自其他框架，并且很可能有自己的

onLoad

。它是从哪里来的？也不正确地看待这个问题。您需要呈现元素上的侦听器，而不是url字符串的侦听器。

const coverSelector=$（'uniqueDomId-301'）[0]。getAttribute（“xlink:href”）看起来您正在结合jQuery和vanilla javascript。这可能是问题所在吗？