JSはページ読み込み時の読み込み進行状況バーを実装します。-jsチュートリアル-php.cn

JSはページ読み込み時の読み込み進行状況バーを実装します。

高洛峰

リリース： 2016-12-16 16:53:13

オリジナル

1924 人が閲覧しました

JSはページ読み込み時の読み込みプログレスバーを実装します

ページ読み込み時の読み込みの実装方法

読み込みの実装とは、まず表示する内容を非表示にし、読み込み中のテキストや画像を表示してからということでしょう。ドキュメントが読み込まれた後にコンテンツを表示し、読み込みを非表示にします。

ここでは jquery を使用しましたが、使用するかどうかは関係ありません。

<html> 
<head> 
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js">
</script> 
/** * 页面加载完成后显示页面 */ 
function showPage(){ $(&#39;#divPageLoading&#39;).remove(); 
$(&#39;#divPageBody&#39;).show(); } 
</head>
 <body onload="showPage();"> 
 <div id="divPageLoading"> 
 <img src="pageloading.gif" style="width:120px;height:120px;position:absolute;left:45%;top:40%;"/> 
 </div>
  <div id="divPageBody" style="display:none;"> …… 
 </div> 
 </body> 
 </html>

ログイン後にコピー

ページ読み込み時の読み込み進行状況バーの JS 実装の詳細については、PHP 中国語 Web サイトに注目してください。