Image.onload事件触发apears在加载图像之前触发

时间:2017-02-28 12:19:25

标签: javascript jquery onload

我有一个函数,每次调用时都会显示不同的图像。

function Trial() {
    curTrial = increase(curTrial);

  //generate the html code
   $('#right_wrapper').append(`
    <div id="image_holder">
        <img id="image">
    </div>`)

    // present the image 
    var targetImage = document.getElementById('image')
    targetImage.src =  stimuli[curTrial];

    console.log(targetImage.onload = targetImage.height)

onload的工作方式是,在加载src之前它不会触发,但它似乎无论如何都会触发,从而导致卸载图像的高度为0。我发现了更多类似问题的主题,但我没有看到过与模板文字一起使用的主题。

我如何确定targetImage.height始终返回已加载图像的高度,而不是0?

0 个答案:

没有答案