document:
Dokument Eigenschaften und Methoden
Das Objekt Dokument ist das umfangreichste, mit den meisten Unterobjekten. Beim Aufruf kann die oberste Ebene 'window' weggelassen werden, denn niergendwo anders kann sich das Dokument befinden. Einzelne Objekte im Dokument erreicht man auch via DOM (Dokument Objekt Modell).
Mehr zum Stichwort DOM
Eigenschaften von document
- title (Text zwischen den title-Tag im head)
- forms.elements (Array (listing) der Formularelemente einer Seite)
- anchors (zählt die Anker)
- links (zählt die Links)
- images (zählt die Bilder)
- bgColor (Hintergrundfarbe der Seite)
- linkColor, alinkColor, vlinkColor (Linkfarben)
- charset (Zeichensatz)
- cookie (Cookitext)
- lastModified (das Upload Datum zum Server, oder letztes Speicher Datum auf der Harddisc)
- referrer (gibt die URL der Seite aus von welcher her der User auf diese Seite kam. Wenn der User den Browser neu gestartet hatte, ist die Ausgabe ein Leerschlag - nicht eine 0)
- (etc.)
Methoden von document
- open() und close() nicht wie bei window zum Fenster öffnen sondern um das Überschreiben von Seiten zu ermöglichen
- write() zum schreiben und writeln() zum zeilenweise schreiben in das document
- createAttribute(), createElement(), createTextNode() (Textknoten erzeugen)
- getElementById(), getElementsByName(), getElementsByTagName(), getSelection()
- captureEvents() (Ereignisse überwachen), handleEvent() (Ereignisse verarbeiten), releaseEvents() (Ereignisse abschließen), routeEvent() (Event-Handler-Hierarchie durchlaufen)
- etc.
Unterobjekte von document
- ancors
- links
- forms
- images
- applet
- plug-in
document.write()
Seitentitel
document.title
Der Titel dieser Seite ist: <script type="text/javascript">document.write(document.title);</script>
So könnte man als H1 Überschrift den Seitentitel ausgeben.
URL
document.location
URL der Seite: <script type="text/javascript">document.write(document.location);</script>
Vorherige Seite
document.referrer
Zuletzt besuchte Seite: <script type="text/javascript">document.write(document.referrer);</script>
Man kann versuchen einen Besucher, abhängig von woher er kommt, begrüssen oder umleiten, etc.:
if(document.referrer = "http://www.referringPageName.html") { location.href = "http://www.teufel.com/purgatorium.html"; }
document.referrer ist leer, wenn via Eingabe in Adresszeile oder Bookmark auf eine Seite gesprungen wurde; es gibt auch Browser, in denen man den Zugriff auf referrer unterbinden kann.
So sollte zuerst abgefragt werden, ob was da ist:
if (document.referrer != '') {...}
Deprecated
DOM Level 2 unterstützt diese Eigenschaften nicht mehr.
document.fgColor (deprecated)
Die Textfarbe ist: <script type="text/javascript">document.write(document.fgColor);</script>
document.linkColor (deprecated)
<script type="text/javascript">
var lc = document.linkColor;
var alc = document.alinkColor;
var vlc = document.vlinkColor;
document.write("Linkfarbe der Seite: " +lc + ", Active Linkfarbe: " +alc + ", Visited Linkfarbe: " +vlc);
</script>
document.bgcolor='Black' (deprecated)
Hintergrundfarbe wechseln
<a href="#" onmouseover="document.bgcolor='Black';return true"
onmouseout="document.bgcolor='White';return true">Hintergrundfarbe wechseln</a>
>> Zur externen htm-Datei wo es funktioniert. Durch den hier eingebundenen style_lehrling.css versagt das Script den Dienst.
Check den Code.