js中,如何等待多个图片加载完后再执行其他的js代码。

js中,如何等待多个图片加载完后再执行其他的js代码。,第1张

可以在js全局代码中,增加一个变量n,用作计数器,表示总数。

然后使用的onload事件,每成功加载一次,将计数器n减去1

当n变成0时,表示均加载完毕,这时即可开始执行其他JS代码。

具体示例代码:

var n=$pre4y_mainlength;

$img[0]onload=function(){    

    n--;

    if(!n){

        //执行其他JS代码

    }

};

我看很多做前端的朋友,基本上都会碰到这个问题。比如,前端页面上要动态显示从后台接口返回的一串包含DOM节点的字符串。但是呢?有时候后台返回的这段字符串里面有个<img src="" alt="" />标签,而页面上因为地址原因又显示不出来,所以有时候就会有这么个需求,需要匹配到这段字符串里面的img标签,拿到它的src属性,可能会做判断可能会直接修改。

let reg = /(\/|>

以上就是关于js中,如何等待多个图片加载完后再执行其他的js代码。全部的内容,包括:js中,如何等待多个图片加载完后再执行其他的js代码。、js使用正则表达式将字符串里面的img标签src的值提取出来、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9879317.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存