防止加载时页面闪烁

Prevention of page flickering when loading

本文关键字：闪烁 加载      更新时间：2023-09-26

所以，我正在制作一个网站，当在页面之间切换时，会出现闪烁。我一直在寻找解决这个问题的答案，但所有的结果都没有奏效。

我的页面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'>

我该怎么做才能防止页面闪烁？如何将页面更改延迟到目标页面完全加载？

谢谢。

将主体样式设置为

display:none;

然后使用jquery:

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

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

相关文章：