简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

JS实现页面加载时带loading进度条

高洛峰
Libérer： 2016-12-16 16:53:13
original
1923 Les gens l'ont consulté

JS实现页面加载时带loading进度条

页面加载时loading实现方法

loading实现大概就这个意思，首先将要显示的内容隐藏，先显示loading文字或图片什么的，然后文档加载完毕后将内容显示出来，loading隐藏掉就好了。

这里我用到了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>
Copier après la connexion



更多JS实现页面加载时带loading进度条相关文章请关注PHP中文网！

Étiquettes associées：
JS进度条
source：php.cn
Article précédent：JS 实现带进度条的页面跳转特效 Article suivant：js发送邮件
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment puis-je définir la hauteur d'un div externe pour qu'elle soit toujours égale à la hauteur d'un div interne spécifique ? J'ai un div externe qui contient trois div internes. Je veux que le div interne le plus à ...
Depuis 2023-11-07 13:59:30
0
2
314
Veuillez d'abord appliquer la transformation appropriée pour résoudre l'erreur de serveur interne vite : nœud de génération de code manquant pour le nœud élément /if/for Donc hier, je travaillais sur un projet et alors que je m'apprêtais à arrêter parce que j'...
Depuis 2023-10-26 14:52:04
0
2
211
Alignez les points décimaux des nombres du tableau avec un pseudo alignement « central » apparaissant dans les cellules Je veux un tableau avec une colonne de nombres décimaux, avec des longueurs différentes av...
Depuis 2023-10-24 13:01:47
0
1
266
Convertir une expression régulière JavaScript en PHP Je sais que cette question a été posée une douzaine de fois, mais techniquement ce n'est p...
Depuis 2023-10-23 22:58:33
0
2
394
将Inclure un tableau en tant que dépendance dans useEffect Des données proviennent du long sondage toutes les 5 secondes et je souhaite que mon compo...
Depuis 2023-10-17 18:50:23
0
2
207
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！