怎么控制js在加载网页后执行
如何控制js在加载网页后执行?
我的场景是这样的:
希望某JS函数最后一个执行,即所有html、css、gif等加载完成后执行
使用onload发现在gif还未下载完毕时就已经执行了,应该怎么解决呢?
------解决思路----------------------
window.onload=function(){
setTimeout(function(){
//页面加载后2秒执行
},2000)
}
------解决思路----------------------
html、css是同步加载的,只要js节点放在页面底部就可保证html和css加载完了;
img是异步加载,所以只能通过img的回调函数判断;
你可以做资源加载器进行预加载,让浏览器缓存,这样在所有img完成后的回调中执行js即可,比较麻烦,但这是唯一100%有效方法;
大多数时候是无此必要的
我的场景是这样的:
希望某JS函数最后一个执行,即所有html、css、gif等加载完成后执行
使用onload发现在gif还未下载完毕时就已经执行了,应该怎么解决呢?
------解决思路----------------------
window.onload=function(){
setTimeout(function(){
//页面加载后2秒执行
},2000)
}
------解决思路----------------------
html、css是同步加载的,只要js节点放在页面底部就可保证html和css加载完了;
img是异步加载,所以只能通过img的回调函数判断;
你可以做资源加载器进行预加载,让浏览器缓存,这样在所有img完成后的回调中执行js即可,比较麻烦,但这是唯一100%有效方法;
大多数时候是无此必要的