0
A
回答
3
这应该这样做,但它是你的,以保护客户从自己的责任 - 毕竟,你是专业的...
<head>
<script type="text/javascript">
//<![CDATA[
with (document.documentElement.style) {
visibility = 'hidden';
overflow = 'hidden';
window.onload = function() {
visibility = '';
overflow = '';
};
}
//]]>
</script>
</head>
注:使用display = 'none'
而不是不工作,我的(有点老)Opera 10.10作为onload
将立即启动...
此外,这将延迟显示页面,直到全部外部资源已被加载。如果你只是想等待某些图像,你需要一个更复杂的脚本(未经测试):
<head>
<script type="text/javascript">
//<![CDATA[
document.documentElement.style.display = 'none';
//]]>
</script>
</head>
<body>
<img stc="…" width="…" height="…" alt="…" class="preload">
<!-- page contents… -->
<script type="text/javascript">
//<![CDATA[
(function() {
var remaining = 0;
function listener() {
if(!--remaining)
document.documentElement.style.display = '';
}
for(var i = 0; i < document.images.length; ++i) {
var img = document.images[i];
if(/(^|\s)preload(\s|$)/.test(img.className) && !img.complete) {
++remaining;
img.onload = listener;
img.onerror = listener;
}
}
})();
//]]>
</script>
</body>
1
我分享克里斯托夫认为,一个网页应该被显示给用户以最快的速度possible-即使只是页面的一部分。如果没有任何事情发生,这很烦人。
但你可以尝试
<body id='body' style='display:none;'
onload="document.getElementById('body').style.display='block';">
(或不工作,也
<body style='display:none;' onload="this.style.display='block';">
- 需要尝试)
这将所有图片,脚本,样式表后显示的页面,并加载多媒体文件。
相关问题
- 1. 在页面的其余部分被加载之前,Javascript重定向?
- 2. 加载页面上的图像之前的Javascript外部文件
- 3. 可以在页面加载的其余部分加载JavaScript代码吗?
- 4. PHP if语句停止加载HTML页面的其余部分
- 5. PHP退出后没有加载页面的其余部分;
- 6. 使用get()加载页面之前的图像加载
- 7. Viewpager填充页面的其余部分
- 8. 在网页加载之前预载图像
- 9. 加载横幅图像之前不加载页面
- 10. 在页面完全加载之前显示加载图像
- 11. jsGrid预加载页面前
- 12. 在页面加载之前执行Javascript
- 13. DOM负载,然后页面的其余部分
- 14. 为其他页面预加载外部文件(CSS,JavaScript)
- 15. 之前服务器端JavaScript的图像加载部署
- 16. 的JavaScript - 图像预览之前上传
- 17. jQuery的 - 预先加载AJAX成功之前的图像追加
- 18. 填充页面其余部分的DIV高度,加上扭曲
- 19. 在WebDriver中加载页面之前删除部分HTML - Selenium&Python
- 20. asp.net ajax在加载网页的其余部分后更新一些部分
- 21. 重新加载页面之前显示图像
- 22. ajax - 在写入页面之前检查图像已加载
- 23. 在页面加载原始src之前更改图像SRC
- 24. 如何在继续(html/javascript)之前将图像预加载至实际加载图像的位置?
- 25. 部分加载asp.net页面
- 26. AJAX部分页面加载?
- 27. 预渲染图像之前javascript
- 28. 如何在JavaScript代码的其余部分运行之前加载初始数据?
- 29. 在下载“图像大名单”之前加载页面的所有CSS&js
- 30. 如何在加载父页面之前加载子页面?
你为什么要这样做?懒惰地显示页面是一个功能,而不是一个bug;给你的图像正确的宽度/高度,以便它们不会改变负载上的页面布局,你应该没问题;预加载仅适用于不属于默认页面结构的图像,因为它们稍后通过脚本或悬停效果添加 – Christoph 2010-09-30 16:41:32
我只能说我的客户是白痴并且不会理解争论...... – Francisc 2010-09-30 16:42:38
哦,而且布局不闪烁,大小已经到位...... – Francisc 2010-09-30 16:44:35