js 怎么让图片加载完成后才执行下面代码?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 怎么让图片加载完成后才执行下面代码?相关的知识,希望对你有一定的参考价值。

参考技术A 要把图片当成是图片对象才行~<br>var a=new image(); //这个是原生的js实例化<br>a.src=arr[shownum++].url;<br><br>然后image对象有一个属性“onload”,这个就是加载完成,当加载完成之后你可以执行一个函数比如<br>a.onload=function()<br>alert("完成加载");<br><br><br>这样当你的图片加载完成后就执行下面的函数了~

在页面加载的时候就想要执行某个JS操作而不是在页面加载完后再执行该怎么做

1、$(function()
...
)
2、$(document).ready(function()
...
)
上面这两种写法是不是在页面加载完成后才执行啊,如果先希望在在页面的加载阶段就执行某个JS操作,根据JS来指导哪些内容该显示,该怎么显示?应该怎么做呢

参考技术A JS是HTML的一部分,整个HTML代码都必须被浏览器下载完后才能开始按顺序解析执行。
按你的情况,有几种方法:
1、直接把JS写到页面靠前的位置就行了,不要放到onload或jQuery()中套起来;
2、如果想控制哪些显示哪些不显示,只能在页面加载完后再隐藏起来;
3、如果想控制哪些根本不加载,那么只有在后台对HTML整个代码进行控制,不能用JS;
4、最后,你可以用ajax对哪些部分加载或不加载,进行纯JS控制,当然,要多次调用后台,每调用一次分别返回不同的HTML内容,再用JS拼接起来。
参考技术B (function()
// TODO

)();本回答被提问者和网友采纳

以上是关于js 怎么让图片加载完成后才执行下面代码?的主要内容,如果未能解决你的问题,请参考以下文章

js 怎么让图片加载完成后才执行下面代码?

javascript判断图片是否加载完成方法整理

如何让页面加载完成后执行js

JS如何实现图片分段加载

这种加载动画代码怎么实现?不使用图片

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