Javascript 为什么我的图像没有加载？

目前，我有：

在此阶段，预期效果是在用户单击的X和Y位置加载图像。（我还想做其他事情，比如设置动画，但现在我正试图让图像显示在用户单击的位置。）

javaScript控制台显示正在调用处理程序，但是我没有看到我所期望的，鼠标点击点右下方有一个模糊的蓝色圆圈

我可以/应该做些什么，以便在单击的坐标下方和右侧加载新图像

---

谢谢，

您从未将图像附加到DOM中，这就是您无法看到它的原因

你能行

document.body.appendChild(image_object);

您还必须将

onLoad

替换为

onLoad

，并用一个单位指定

top

和

left

位置：

image_object.onload = function()  {
    image_object.style.position = 'absolute';
    image_object.style.zIndex = 1;
    image_object.style.top = '100px';
    image_object.style.left = '100px';
}

---

据我所知，

onLoad

应该是

onLoad

var image_object = document.createElement('img');
image_object.onload = function() { // Note the small onload
    // your code
}

// Also, append the image_object to DOM
document.body.appendChild(image_object);

---

我没有看到您将图像附加到DOM，这可能就是您没有看到它的原因

$('body').append($(image_object));

---

我同意，首先创建一个带有“img”标记的元素，将src值赋给它，并将其附加到当前div（在本例中是主体），如下所示

---

希望这能有所帮助。

@谢谢大家的回复。我现在有了直接的目标。

$('body').append($(image_object));

var imgTag = document.createElement("img");
imgTag.src = '/img/spark.png';
document.body.appendChild(imgTag);