如何让js等一个img标签中的图片加载完再执行

现在遇到一个问题
img标签中的图片加载,渲染需要时间
js需要等到图片加载完再执行

给img添加onload事件,加载完毕就会执行onload中的代码

<meta name="referrer" content="no-referrer">
<img src="https://avatar.csdnimg.cn/4/0/B/4_weixin_47996780_1619001731.jpg" onload="alert('loaded')"/>

加延时处理。

你这个需求挺特别的,人家都嫌网页加载慢,影响体验,而你却刚好相反,网页加载慢的很大一部分原因就是加载图片比较慢,所以一般都是优先加载js后加载图片,为了页面美观,使用懒加载,顾名思义网站css和js都加载好了再加载图片,这样极大的提高了网页的运行速度,图片未加载期间可以使用自定义显示,等要加载图片的时候再进行替换,使其整体毫无违和感

img


如果你真想先加载图片后加载js,那就设置一个延时加载吧,js里面有一个定时的函数setInterval(),用它就行了

添加windo.onload 页面加载后 执行内部代码

添加windo.onload 页面加载后 执行内部代码

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632