it:javascript:javascript-01a:05

Die Qual der Wahl

javascript-01a:05 Die unterschiedliche Handhabung bzw. die Interpretation von Seiten in den verschiedenen Browsern führt zu wenig schönen Ergebnissen. Beispiel js_1003.html zeigt Firefox an, wie es der zeilenweisen Ausführung entspricht, demnach erscheint zuerst der Textabsatz in der Seite:

<p>Dieser Text wird überschrieben ...</p>

Es folgt der Dialog:

alert("... mit dem Datum!");

Ist der Dialog geschlossen, erfolgt die Anzeige des Datums:

document.getElementById("absatz_01").innerHTML = new Date();

Dabei überschreibt document.getElementById("absatz_01").innerHTML den bereits beschriebenen Absatz mit dem Datum.

Firefox zeigt die Seite an, wie der Code es vorsieht. Chromium ignoriert den Seitentext:

Dieser Text wird überschrieben...

… und zeigt direkt den Dialog an. Für den Nutzer der Seite ergibt sich mit Chromium ein unsinniger Inhalt.

Hinweis Der Entwickler muss seine Seiten auf die unterschiedlichen Eigenarten der Browser testen, theoretisch jede Zeile Code in jeder Seite in jedem Browser mit jeder neuen Version. Diesen Aufwand kann kein Entwickler in der Praxis treiben.

js_1003.html
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>HTML-Elemente</title>
  </head>
  <body>
    <p id="absatz_01">Dieser Text wird überschrieben ...</p>
    <script> 
      alert("... mit dem Datum!");
      document.getElementById("absatz_01").innerHTML = new Date();
    </script>
  </body>
</html>

JS1003a: Darstellung in Chromium.

JS1003b: Korrekte Darstellung in Firefox.

Cookies helfen bei der Bereitstellung von Inhalten. Diese Website verwendet Cookies. Mit der Nutzung der Website erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Computer gespeichert werden. Außerdem bestätigen Sie, dass Sie unsere Datenschutzerklärung gelesen und verstanden haben. Wenn Sie nicht einverstanden sind, verlassen Sie die Website.Weitere Information
  • Zuletzt geändert: 2024/03/27 09:42
  • von wh