|
Kein Buch ist so schlecht, dass es nicht auch irgendwie nützlich sein könnte. – Plinius Junior Kapitel 34 Referenz
In diesem abschließenden Referenzkapitel werden nur die wichtigsten Browser betrachtet. Sofern nichts anderes angegeben ist, werden die vorgestellten Methoden und Funktionen von Opera, Konqueror und Safari unterstützt. Ausnahmen sind herstellerspezifische, proprietäre Erweiterungen (»nur Internet Explorer«/»nur Mozilla«) wie document. all (nur in alten Opera-Versionen unterstützt) und document.layers.
Jedes Objekt kennt die Methode toString(), die eine Zeichenkettenrepräsentation des Objekts wiedergibt. So wird beispielsweise ein wahrer boolescher Wert in "true" umgewandelt.
Die folgende Tabelle führt auf, welche Browser welche JavaScript-Versionen unterstützen.
Tabelle 34.1 JavaScript-Versionen und die jeweiligen Browser
| JavaScript-Version
|
ab ...
|
ab ...
|
| 1.0
|
Netscape Navigator 2
|
Internet Explorer 3
|
| 1.1
|
Netscape Navigator 3
|
Internet Explorer 4
|
| 1.2
|
Netscape Navigator 4
|
Internet Explorer 4 (in Teilen), Internet Explorer 5 (fast vollständig)
|
| 1.3
|
Netscape Navigator 4.06
|
Internet Explorer 5
|
| 1.5
|
Netscape 6/Mozilla
|
/
|
| 1.6
|
Firefox 1.5
|
/
|
| 1.7
|
Firefox 2.0
|
/
|
Der Internet Explorer 5 hat nur wenige Methoden oder Eigenschaften des Netscape Navigator 4 übernommen; die meisten neuen Netscape-Funktionen, die im Internet Explorer 5 vorhanden sind, waren schon in Version 4 implementiert. In den Versionen 5.5, 6 und 7 wurde jedoch einiges hinzugefügt, was vorher fehlte.
Bei der Auflistung der Methoden wird nur dann eine Syntax angegeben, wenn die Methode Parameter akzeptiert. Eckige Klammern in der Parameterliste stehen für optionale Werte.
Bei jedem Objekt ist anfangs angegeben, ab welcher JavaScript-Version es unterstützt wird. Bei den Methoden und Eigenschaften ist nur dann eine JavaScript-/Browserversion angegeben, wenn diese sich von der vorherigen unterscheidet.
Die folgende Tabelle enthält die wichtigsten Event-Handler, die von JavaScript erkannt werden.
Tabelle 34.2 Event-Handler
| Event-Handler
|
Beschreibung
|
| onabort
|
Abbruch beim Laden (z. B. Grafik)
|
| onbeforeunload
|
Verlassen des Dokuments oder beim Schließen des Browserfensters; wird direkt vor onunload verarbeitet
|
| onblur
|
Verlust des Fokus
|
| onclick
|
Anklicken mit der Maus
|
| ondragdrop
|
Drag&Drop-Operation
|
| onerror
|
JavaScript-Fehler
|
| onfocus
|
Erhalt des Fokus
|
| onkeydown
|
Drücken einer Taste
|
| onkeypress
|
Tastendruck
|
| onkeyup
|
Loslassen einer Taste
|
| onload
|
Vollständiges Laden
|
| onmousedown
|
Drücken einer Maustaste
|
| onmousemove
|
Mausbewegung
|
| onmouseout
|
Mauszeiger verlässt Objekt
|
| onmouseover
|
Mauszeiger über Objekt
|
| onmouseup
|
Loslassen einer Maustaste
|
| onreset
|
Formular wird zurückgesetzt
|
| onresize
|
Fenstergröße wird verändert
|
| onselect
|
Element wird ausgewählt
|
| onsubmit
|
Formular wird abgeschickt
|
| onunload
|
Dokument wird »entladen« (neues Dokument wird geladen, Fenster geschlossen)
|
34.1 Das Anchor-Objekt  
JS 1.0
Ab JavaScript 1.0
Das Anchor-Objekt, eine Eigenschaft des document-Objekts, ist ein Array, das alle Textmarken innerhalb eines Dokuments enthält.
34.1.1 Allgemeines 
| Syntax
|
| HTML-Tag: <a name="Name">
|
| Beispiel
|
| Mit folgendem Beispielcode werden alle Linkziele im Dokument ausgegeben:
<html>
<head>
<script type="text/javascript"><!--
function zeige_links(){
var text = "";
for (var i=0; i<document.anchors.length) {
text += i + ": " + document.anchors[i] + "\n";
}
alert(text);
}
//--></script>
</head>
<body onload="zeige_links();">
...
</body>
</html>
|
34.1.2 Eigenschaften
name
JS 1.2
| Erklärung
|
| name-Attribut der Textmarke; ab JavaScript 1.2; nur Schreibzugriff.
|
text
JS 1.2
| Erklärung
|
| Text der Textmarke; ab JavaScript 1.2; nur Schreibzugriff.
|
x
JS 1.2
| Erklärung
|
| x-Koordinate der linken oberen Ecke der Textmarke; ab JavaScript 1.2; nur Schreibzugriff.
|
y
JS 1.2
| Erklärung
|
| y-Koordinate der linken oberen Ecke der Textmarke; ab JavaScript 1.2; nur Schreibzugriff.
|
| Beispiel
|
| Im folgenden Beispiel werden die Textmarken-Eigenschaften ausgegeben:
<html>
<head>
<script type="text/javascript"><!--
function zeige_eigenschaften(){
var text = "";
text += "name: " + document.anchors[0].name;
text += "text: " + document.anchors[0].text;
text += "x: " + document.anchors[0].x;
text += "y: " + document.anchors[0].y;
alert(text);
}
//--></script>
</head>
<body onload="zeige_eigenschaften();">
<a name="Textmarke">Galileo Press</a>
</body>
</html>
|
|
