简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

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

高洛峰
Lepaskan： 2016-12-16 16:53:13
asal
1924 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
Bagaimanakah saya boleh menetapkan ketinggian div luar supaya sentiasa sama dengan ketinggian div dalam tertentu? Saya mempunyai div luar yang mengandungi tiga div dalam. Saya mahu div dalam paling kiri s...
daripada 2023-11-07 13:59:30
0
2
314
Sila gunakan transformasi yang sesuai terlebih dahulu untuk menyelesaikan Ralat Pelayan Dalaman vite: Nod penjanaan kod tiada untuk elemen /jika/untuk nod Jadi semalam saya sedang mengusahakan projek dan ketika saya bersiap sedia untuk berhenti ...
daripada 2023-10-26 14:52:04
0
2
211
Jajarkan titik perpuluhan nombor dalam jadual dengan penjajaran "tengah" pseudo yang muncul dalam sel Saya mahukan jadual dengan lajur nombor perpuluhan, dengan panjang berbeza sebelum dan sel...
daripada 2023-10-24 13:01:47
0
1
266
Tukar ungkapan biasa JavaScript kepada PHP Saya tahu soalan ini telah ditanya kira-kira sedozen kali, tetapi secara teknikal ia bukan...
daripada 2023-10-23 22:58:33
0
2
394
将Memasukkan tatasusunan sebagai kebergantungan dalam useEffect Terdapat beberapa data yang masuk daripada tinjauan panjang setiap 5 saat dan saya mahu ko...
daripada 2023-10-17 18:50:23
0
2
207
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！