如何在网页加载全部完成后加载 div?

2016-01-29 16:36:53 +08:00
 JohnChu

我要在网页其他元素全部加载完之后加载一段 div 。
上网搜索知道两种被广泛使用的方法,一种是 body onload ,一种 window onload 。二者都是在网页元素加载完毕后加载 js ,所以我把 div 用 innerHTML 的方式变成了 js 代码。但是尝试后都不行, div 都加载不出来。

反复查看还是没有找到问题所在,所以来 V2EX 请教。

可能的问题:
我的 body 中除了要加载的那段 div ,剩下的就是 js ,那段 js 中有一张比较大的图,我想要达到的效果是图加载完毕后加载 div (里面是些文字)。
使用 body onload 和 window onload 都不行,我怕是 body 中只有 js 造成的。

3873 次点击
所在节点    HTML
5 条回复
wayslog
2016-01-29 18:14:47 +08:00
你的 ajax 死在沙滩上了么……
loading
2016-01-29 18:16:19 +08:00
《锋利》
loading
2016-01-29 18:16:49 +08:00
《锋利的 jQuery 》建议楼主买来用用。
Kokororin
2016-01-29 18:23:19 +08:00
document.onreadystatechange = function() {
"complete" == document.readyState && setTimeout(function(){
//your code
}, 500);
}
JohnChu
2016-01-30 14:37:42 +08:00
@Kokororin 还是不是等到图片加载完成再加载文字的,我的图片是其实是 AnimFrame 。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/254270

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX