Heim > Artikel > Web-Frontend > JS implementiert den Ladefortschrittsbalken beim Laden der Seite

JS implementiert den Ladefortschrittsbalken beim Laden der Seite

高洛峰Original: 2016-12-16 16:53:131924Durchsuche

JS-Implementierung mit Ladefortschrittsbalken beim Laden der Seite

So implementieren Sie das Laden, wenn die Seite geladen wird

Die Ladeimplementierung bedeutet wahrscheinlich Folgendes: Zuerst den anzuzeigenden Inhalt ausblenden und Zeigen Sie zuerst den Ladetext oder das Bild an Oder so, dann wird nach dem Laden des Dokuments der Inhalt angezeigt und der Ladevorgang ausgeblendet.

Ich habe hier JQuery verwendet, es spielt keine Rolle, ob ich es verwende oder nicht.

<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>

Weitere verwandte Artikel über die JS-Implementierung des Ladefortschrittsbalkens beim Laden von Seiten finden Sie auf der chinesischen PHP-Website !

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：JS implementiert Seitensprungeffekte mit FortschrittsbalkenNächster Artikel：JS implementiert Seitensprungeffekte mit Fortschrittsbalken

In Verbindung stehende Artikel

Mehr sehen