masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > teks badan

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

高洛峰
Lepaskan： 2016-12-16 16:53:13
asal
1965 orang telah melayarinya

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>
Salin selepas log masuk



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

Label berkaitan：
JS进度条
sumber：php.cn
Artikel sebelumnya：JS 实现带进度条的页面跳转特效 Artikel seterusnya：js发送邮件
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...
daripada 2024-04-06 19:54:23
0
1
444
Perintah pelaksanaan fungsi penjadualan VueJS menyebabkan masalah Saya cuba memaparkan senarai pengumuman (diambil daripada API) pada halaman. Saya mengguna...
daripada 2024-04-06 10:37:58
0
1
385
Tajuk jadual diputar secara menegak, dijajarkan di tengah + bawah, penyemak imbas silang Saya mempunyai jadual dengan pengepala berputar yang kelihatan seperti yang diharapkan dal...
daripada 2024-04-04 16:45:25
0
1
330
Apabila mendapatkan data daripada berbilang jadual, cara membuat pertanyaan berdasarkan entri dalam jadual dalam kumpulan SQL Saya mempunyai dua jadual klik 2.ride click table id |. time ride table id |. dibuat, teta...
daripada 2024-04-04 08:58:17
0
1
319
Gunakan kaedah daripada memohon Untuk mencari nilai maksimum tatasusunan, cara mudah ialah Math.max.apply(null,myArray) Wa...
daripada 2024-04-03 21:41:46
0
2
278
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan