javascript - 如何让浏览器等待页面完全加载后再显示?

标签 javascript css web

我讨厌您实际看到网页加载的方式。我认为等到页面完全加载并准备好显示(包括所有脚本和图像)然后让浏览器显示它会更有吸引力。所以我有两个问题:

  1. 我该怎么做?
  2. 这是常见的做法吗?如果不是,为什么?

最佳答案

出于所有给出的原因,这是一个非常糟糕的主意,还有更多。也就是说,这是使用 jQuery 的方法:

<body>
<div id="msg" style="font-size:largest;">
<!-- you can set whatever style you want on this -->
Loading, please wait...
</div>
<div id="body" style="display:none;">
<!-- everything else -->
</div>
<script type="text/javascript">
$(document).ready(function() {
    $('#body').show();
    $('#msg').hide();
});
</script>
</body>

如果用户禁用了 JavaScript,他们将永远不会看到该页面。如果页面从未完成加载,他们就永远不会看到该页面。如果页面加载时间太长,他们可能会认为出了什么问题,然后转到别处而不是*请稍候...*。

关于javascript - 如何让浏览器等待页面完全加载后再显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1435015/

相关文章:

javascript - 在提交/部署之前检测 Browserify 损坏的构建

javascript - 只选择一个元素,而不是所有元素 - jQuery

jquery - 使用 z 索引和位置 :fixed to make layered scrolling

html - CSS3 选框效果 - 难倒

javascript - 如何从网页打开 native 应用程序

javascript - 全屏不适用于 clappr 播放器

javascript - 通过返回 false 来阻止链接打开 - 不起作用 (javascript)

echo javascript 函数的 php 语法

javascript - JavaScript 事件序列

web - 蜘蛛是否只抓取站点地图中的网址