我开发了一个加载 3 个 css 和 7 个 javascript 文件的移动应用程序。问题是如果 wifi 信号很慢，HTML 会在所有 javascript 和样式表加载之前加载。由于未加载样式表，HTML 看起来受到干扰，几秒钟后（我猜在 css 和 js 正确加载后），HTML 结构自动采用正确的格式，但我不想显示受干扰的格式，我需要确保首先加载所有 js 文件，然后只显示 HTML。
如果您知道如何实现这一目标？
问问题
529 次
2 回答
1
您可以使用缓存清单。阅读这些资源：
- http://appcachefacts.info/
- http://en.wikipedia.org/wiki/Cache_manifest_in_HTML5
- https://developer.mozilla.org/en/docs/HTML/Using_the_application_cache
或者 - 通过将它们放置在正确的位置（头部标签）来确保您的资源在正文之前加载。
于 2013-10-18T22:50:09.607 回答
0
您应该在标题中链接到网页顶部的外部 CSS 样式表，如下所示：
<link rel="stylesheet" type="text/css" href="http://whiterootmedia.com/css/example.css" />
<style>或在标题中插入您的元素。同样，如果 JavaScript 会影响您的初始布局，则应为您的 JavaScript 执行此操作。请记住，如果您使用的是外部 JS 文件，浏览器将在您的代码中引用外部 JavaScript 文件的位置停止呈现您的页面，以加载该外部 JavaScript 文件。如果您使用大量 JavaScript，请将其放在页面底部（与大多数人所做的相反）或使用onload()函数。
该网页是从上到下加载的，因此您遇到的问题应该与您的 css 的顺序有关（很可能）。
于 2013-10-18T23:01:03.127 回答