更多 JavaScript 的 JavaScript 预加载器
我看过一些关于如何为图像创建 JavaScript 预加载器的教程。是否可以将 JavaScript 预加载器用于其他 JavaScript？
我的网站使用 mootools（以及其他工具）来制作动画和大量图片等 - 因此加载需要一段时间。网站是否有可能在页面中心进行“加载”——仅此而已——直到所有 Javascript 库加载、所有图像加载等等。该网站有大约 300k 的 JavaScript（压缩）、800k 的 JavaScript首页上的图像。
在纯 Flash 设计中，可以让 Flash 影片在任何关联的库、其他代码、图像下载和显示之前简单地说加载。这可以用 JavaScript 完成吗？
I've seen a few tutorials on how to create a JavaScript preloader for images. Is it possible to use a JavaScript preloader for other JavaScript?
My website uses mootools (and others too) for animations and a copious amount of pictures, etc -- therefore it takes awhile to load. Is it possible for the website to have a "loading" centered in the page -- and nothing more -- until all the Javascript libraries load, all the images load, etc. The website has around 300k of JavaScript (compressed), 800k of images on the front page.
In pure flash design, it's possible to have the flash movie simply say loading before any of the associated libraries, other code, images, download and appear. Can this be done in JavaScript?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在 window.onload() 上执行所有代码
这是一个极其简单的示例，可以为您提供基本概念： http: //jsfiddle.net/kennis/jHJ3T/1/
将可怕的红色 div 视为您的预加载器。一旦文档加载了所有资源（图像、js 文件等），预加载器就会消失，您的内容现在可见，并且您的 javascript 库已完全加载并准备好执行。
如果您想多次运行 jsfiddle 示例，请更改图像标记末尾的“随机”值，以便您的浏览器不会提取缓存版本。
Execute all your code on window.onload()
Here's a ridiculously simple example to give you the basic idea: http://jsfiddle.net/kennis/jHJ3T/1/
Think of the hideous red div as your preloader. Once the document loads all the resources (images, js files, whatever), the preloader disappears and your content is now visible and your javascript libraries have been fully loaded and are ready to execute.
If you want run the jsfiddle example more than once, change the "random" values at the end of the image tags so your browser doesn't pull cached versions.