Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m288:learningunits:lu01:02 [2025/08/18 10:42] – vdemir
+++ modul:m288:learningunits:lu01:02 [2025/08/18 11:00] (aktuell) – [3. Extern in einer separaten .js-Datei] vdemir
@@ Zeile 55: / Zeile 55: @@
   </html>
-**Script.hs**
+**Script.js**
   document.addEventListener("DOMContentLoaded", () => {
     console.log("Externes Script wurde geladen!");
@@ Zeile 62: / Zeile 62: @@
   );
+===== 4. Mit defer und async =====
+  * **defer**: Script wird nach dem Laden des HTML ausgeführt (Reihenfolge bleibt erhalten).
+  * **async:** Script wird parallel geladen und sobald fertig, sofort ausgeführt (Reihenfolge nicht garantiert).
+  <!DOCTYPE html>
+  <html>
+    <head>
+      <title>Async & Defer</title>
-<!DOCTYPE html>
+      <script src="defer-script.js" defer></script>
-<html>
+      <script src="async-script.js" async></script>
-<head>
+    </head>
-  <title>Externes Script</title>
+    <body>
-  <script src="script.js" defer></script>
+      <h1>Async vs. Defer</h1>
-</head>
+    </body>
-<body>
+  </html>
-  <h1>Externes JavaScript</h1>
-</body>
-</html>