防止加载时页面闪烁答案

【问题标题】：Prevention of page flickering when loading防止加载时页面闪烁
【发布时间】：2016-01-12 18:53:14
【问题描述】：

所以，我正在做一个网站，在页面之间切换时，会出现闪烁。我已经搜索了解决此问题的答案，但所有结果均未奏效。

我的页面php 文件，并在加载HTML 元素之前获取其他文件。会不会是这个问题？

这是我的 HTML 代码：

<!DOCTYPE html>
<html>
  <head>
    //Output meta data
    <title>Page Title</title>
    <link rel='stylesheet' type='text/css' href='../framework/assets/stylesheets/bla.min.css'/>
    <script type='text/javascript' src='../framework/assets/javascript/jquery.min.js'></script>
    <script type='text/javascript' src='../framework/assets/javascript/bla.min.js'></script>
  </head>
  <body lang='en'>

如何防止页面闪烁？我如何才能延迟页面更改，直到目标页面完全加载？

谢谢。

【问题讨论】：

这里是 jQuery 的转换效果插件列表：ninodezign.com/…
我不明白你这里的 codepen 的目的是什么？？？
StackOverflow 无法正确显示我的 HTML 代码，它只是将其视为 HTML 标记，而不是代码块。
@CarlosAlbertoB.Carucce - 这并不能解决问题，因为不需要页面过渡效果。
很抱歉，如果没有相关示例，您的问题/问题尚不清楚。你说的是哪个切换页面？一些浏览器重定向或一些 ajaxified 的新的？您可能只想显示任何加载动画并在加载后显示完整页面，在 window onload 事件中设置逻辑

标签： javascript jquery html performance

【解决方案1】：

设置正文样式为

display:none;

然后使用jquery：

$(document).ready(function(){$(body).css('display','block')});

这是在完全加载时显示内容的代码:) 如果我理解正确，这就是你想要的

【讨论】：

这只会增加更多的闪烁。闪烁是由于在加载页面之前看不到任何内容。
"如何才能延迟页面更改直到目标页面完全加载？"
另外，在我看来，包含简单问题的 jQuery 本身就是一个错误。这是一个庞大的库，内置函数可以满足此人的需求。
ready jq 伪事件不等待页面完全加载
首先我不知道为什么页面会闪烁，php是服务器端脚本，所以在执行所有php代码（包括导入）和你的php之前，页面不会显示给用户代码将被应用，所以我们知道你到底想要做什么