Kennungen in JavaScript 

Für diese Lektion verwenden wir das folgende SIL-Programm.

Main.html

<em id=a>abc</em>
<em id=b>bcd</em>

mögliche Anzeige in Web-Browser

abc bcd

Die Eingabe von »a« oder »b« in der Konsole (Firefox: ⇑-Strg-K) eines Webbrowsers, der diese Datei anzeigt, ergibt nun das entsprechende Element.

Auswertung

a 

<em id="a">

In manchen Konsolen ist es nötig, bei der Eingabe hinter »a« noch ein Leerzeichen zu tippen.

Auswertung

b 

<em id="b">

Auswertungsversuch

c 

Bezugsfehler: c ist nicht definiert

Die Kennungen von SIL-Elementen können in JavaScript  also als Wertnamen  verwendet werden!

NAOTWO

Elementkennungen als globale Namen (“named access on the window object ” = wörtlich: „Namenszugriff auf das Objekt ‚window‘ “, NAOTWO, sprich “now two ”)

https://www.w3.org/TR/html5/browsers.html#named-access-on-the-window-object

Durch NAOTWO  (“named access on the window object ”, NAOTWO, sprich wie “now two ”) werden die im HTML-Quelltext mit »id=« festgelegten Elementkennungen, falls möglich, in JavaScript  als globale Namen zur Verfügung gestellt. (Siehe auch: https://www.w3.org/TR/html5/browsers.html#named-access-on-the-window-object).

Unter HTML-Quelltext  versteht man Text, der in HTML geschrieben wurde – also beispielsweise »id=« enthält. – Etwa im Gegensatz zu der von einem Browser angezeigten Webseite.

Übersicht

In der folgenden Übersicht steht »this« für das globale Verzeichnis und »window« für das globale Verzeichnis in einem Web-Browser.

Übersicht der Namen

 Name                        Art           Bedeutung
 this.Infinity               Zahl          Unendlich
 this.Math.PI                Zahl          die Kreiszahl Pi
 window.location.href        Text          aktuelle Adresse
 window.navigator.userAgent  Text          Browser-Bezeichnung
 window.screen.height        Zahl          Bildschirmhoehe
 window.screen.width         Zahl          Bildschirmbreite
 window.<id>                 Verzeichnis   Element mit der Kennung <id>

Übungsaufgaben

/   Übungsaufgabe

Geben Sie dem em-Element die Kennung »alpha« und dem strong-Element die Kennung »z2«, indem Sie den folgenden Quelltext überarbeiten.

Main.html

<em>Anton</em> <strong>Marie</strong>

Reserveaufgaben

/   Reserveaufgabe

Geben Sie dem ersten Element die Kennung »d342« und dem zweiten Element die Kennung »gamma«, indem Sie den folgenden Quelltext überarbeiten.

Main.html

<strong>Berta</strong> <em>Alpha</em>