加载时防止页面闪烁

时间:2016-01-12 18:53:15

标签: javascript jquery html performance

所以,我正在创建一个网站,当在页面之间切换时,会出现闪烁现象。 我已经搜索了解决这个问题的答案,但所有结果都没有用。

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

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

感谢。

1 个答案:

答案 0 :(得分:0)

将正文样式设置为

display:none;

然后使用jquery:

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

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