js页面loading加载

Posted 不可满

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js页面loading加载相关的知识,希望对你有一定的参考价值。

<html>   
  <head>   
  <title>页面正在载入</title>   
    <script  language="javascript">
        document.write(‘<div id="loadDiv" style="font-size: 12px;left: 50%;position: absolute;top: 40%;"><img src="loading.gif"/>Loading</div>‘);   
      function window.onload()   
      {   
        hiddenDiv.style.display="";   //显示页面内容   
        loadDiv.removeNode(true);    
      }
      </script>   
  </head>   
  <body>   
  <div id="hiddenDiv" style="display:none"><!--将内容放在此层中-->   
  <iframe src="http://www.qq.com/" width="100%" height="768px"></iframe>
  </div>  
  </body>   
</html>

以上是关于js页面loading加载的主要内容,如果未能解决你的问题,请参考以下文章

JS问题:真实loading 页面加载完在显示页面

js:说说页面加载完之前那些事(loading多函数加载mounted)

vue加载中loading提示信息(iView Spin)

js页面loading加载

jquery load加载页面内ajax返回的div不能响应页面js的问题的解决方案

在页面加载前先出现加载loading,页面加载完成之后再显示页面