Heim > Web-Frontend > js-Tutorial > Hauptteil

JS implementiert die Codeausführung, nachdem das Laden des Dokuments abgeschlossen ist. Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:50:58
Original
1228 Leute haben es durchsucht

Bei der Ausführung bestimmter Vorgänge müssen Sie warten, bis das Dokument vollständig geladen ist, bevor Sie es ausführen, da sonst unerwartete Situationen auftreten können:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>脚本之家</title>
<style type="text/css"> 
div{ 
 width:200px; 
 height:200px; 
} 
</style> 
<script type="text/javascript"> 
document.getElementById("mytest").style.backgroundColor="#639"; 
</script> 
</head> 
<body> 
<div id="mytest"></div> 
</body> 
</html>

Nach dem Login kopieren

Die ursprüngliche Absicht des obigen Codes besteht darin, die Hintergrundfarbe des Div auf #639 zu setzen, aber er erzielt nicht den erwarteten Effekt. Dies liegt daran, dass der Code beim Laden des Dokuments sequentiell ausgeführt wird Code zum Festlegen der Hintergrundfarbe wird ausgeführt, wurde nicht in das angegebene Div geladen, sodass die js-Anweisung das Objekt überhaupt nicht abgerufen hat. Der Code wird wie folgt geändert:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>脚本之家</title>
<style type="text/css"> 
div{ 
 width:200px; 
 height:200px; 
} 
</style> 
<script type="text/javascript"> 
window.onload=function(){ 
 document.getElementById("mytest").style.backgroundColor="#639"; 
} 
</script> 
</head> 
<body> 
<div id="mytest"></div> 
</body> 
</html>

Nach dem Login kopieren

Der obige Code erzielt den erwarteten Effekt, da der Code in eine Funktion eingefügt wird und diese Funktion als Ereignishandler für das window.onload-Ereignis verwendet wird. Die Bedingung für das Auslösen des window.onload-Ereignisses ist, dass das aktuelle Dokument vollständig geladen ist. Wenn dieses Ereignis ausgelöst wird, wird seine Ereignisverarbeitungsfunktion ausgeführt. Da alle Dokumente geladen wurden, kommt es nicht zu einer Situation js-Anweisung kann das Objekt nicht abrufen.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage