search

Home  >  Q&A  >  body text

javascript - 怎么检测图片已经加载完毕

我有一个p,除了有文字还有网上的图片,p的宽和高又他们两一起决定,现在我每次由于网络差的原因都是第一次显示就显示文字,要第二次显示才能一起显示,现在想等图片加载完在一起显示,怎么实现?

黄舟黄舟2913 days ago462

reply all(2)I'll reply

  • 高洛峰

    高洛峰2017-04-10 14:36:45

    var image = new Image();
    image.src = url;
    image.onload = function() {
    //HERE
    };
    

    reply
    0
  • ringa_lee

    ringa_lee2017-04-10 14:36:45

    可以使用img的onload函数。
    w3c解释--
    用法 :onload 事件会在页面或图像加载完成后立即发生
    支持该事件的 JavaScript 对象:image, layer, window

    reply
    0
  • Cancelreply