Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Implementierung des Seitenladeeffekts basierend auf Javascript_Javascript-Kenntnissen

Implementierung des Seitenladeeffekts basierend auf Javascript_Javascript-Kenntnissen

WBOY
Freigeben： 2016-05-16 15:10:11
Original
1965 Leute haben es durchsucht

Dieser Artikel teilt tatsächlich den Ladeeffekt von Javascript, um das Laden von Seiten zu Ihrer Referenz zu erreichen. Der spezifische Inhalt ist wie folgt

Rendering: 

<html>
<head>
<title>正在载入</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr> 
<form name=loading>
<td align=center> 
<p><font color=gray>正在载入首页，请稍候.</font></p>
<p> 
<input type=text name=chart size=46 style="font-family:Arial; 
font-weight:bolder; color:gray;
 background-color:white; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=46 style="font-family:Arial; 
color:gray; text-align:center; 
border-width:medium; border-style:none;">
<script>var bar = 0 
var line = "||" 
var amount ="||" 
count() 
function count(){ 
bar= bar+2 
amount =amount + line 
document.loading.chart.value=amount 
document.loading.percent.value=bar+"%" 
if (bar<99) 
{setTimeout("count()",100);} 
else 
{window.location = "目标页";} 
}
</script>
</p>
</td>
</form>
</tr>
</table>
</body>
</html>
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für alle beim Erlernen der Javascript-Programmierung hilfreich sein wird.

Verwandte Etiketten：
javascript页面加载loading javascript实现页面加载
Quelle：php.cn
Vorheriger Artikel：Javascript-Formularvalidierung – Aufdecken regulärer Ausdrücke_Javascript-Kenntnisse Nächster Artikel：Javascript-Formularvalidierung – erste Einführung in reguläre Ausdrücke_Javascript-Kenntnisse
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
Möglichkeit, ASP Classic-Code als String in der MYSQL-Datenbank zu speichern Ist es möglich, klassischen ASP-Code in einer MySQL-Datenbank zu speichern und ihn beim Ab...
Aus 2024-04-06 13:38:43
0
1
358
Freigabe der X-Achse nach Aufruf von Chart.zoom(): eine Schritt-für-Schritt-Anleitung Ich habe die Scroll-Strategie auf setScrollStrategy(AxisScrollStrategies.progressive) eing...
Aus 2024-04-04 23:40:56
0
1
1339
Ohne das gesamte Dateistammverzeichnis kann ich das Image nicht zum Laufen bringen hoffe das hilft. Ich habe schon viele Seiten für eine Website geschrieben (nur für meine e...
Aus 2024-04-03 23:27:05
0
1
396
3. Das JS 3D-Modell wurde hinzugefügt, ist aber nicht sichtbar Ich versuche, meiner Website ein 3D-Modell hinzuzufügen. Ich verwende drei .js. Ich habe a...
Aus 2024-04-03 19:06:13
0
1
264
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage