Javascript Tutor - Lektion 13

Eine weiteres Objekt, das wir manchmal verwenden können ist das Objekt  location. Das Objekt location ist eine Eigenschaft des Objekts window...

window.location

Und wie jedes andere Objekt hat es Eigenschaften. Eine häufig verwendete Eigenschaft ist href...

window.location.href

Das spezifiziert die URL eines Dokuments in diesem bestimmten Fenster.

Schau Dir dieses Script mal an...

<HTML>

<HEAD>

<TITLE></TITLE>



<SCRIPT language="Javascript"><!--



function ShowUrl()

{

   alert(window.location.href);

}



function GoUrl()

{

   window.location.href = "eineandereseite.html";

}



//--></SCRIPT>



</HEAD>

<BODY>



<A HREF="javascript:ShowUrl()">Klicke hier</A> für die URL dieses Dokuments.<BR>

<A HREF="javascript:GoUrl()">Klicke hier</A>, um zu einer anderen Seite zu gehen.



</BODY>

</HTML>

Versuch es.

Die Funktion ShowUrl() ermittelt den Ort (location) und zeigt ihn in einer AlertBox an. Die Funktion GoUrl() setzt die Location des Fensters auf einen anderen Wert und lädt dadurch die Seite 'eineandereseite' in das Fenster.

Übung: Erstelle 6 separate kleine Webseiten für jedes 'Brady Kid'. So etwas wie hier ist gut. Ändere die vorherige Übung und statt einer AlertBox mit dem Wert Bobby, ändere den Wert in Bobby's URL (bobby.html oder wie immer Du sie nennst). Ermittle dann den Wert und setze ihn als neue URL des Fensters. Das Ergebnis ist eine einfache Sprung-Box.

Hier ist eine Lösung.

Wir können auch unsere eigenen Arrays definieren. Nehmen wir mal an, wir möchten ein Farben-Array erstellen...

Farben
rot
blau
grün
gelb
lila
orange

Zuerst würden wir ein neues Array anlegen...

colors = new Array();

Dann definieren wir die einzelnen Elemente des Arrays...

colors = new Array();

colors[0] = "rot";

colors[1] = "blau";

colors[2] = "grün";

colors[3] = "gelb";

colors[4] = "lila";

colors[5] = "orange";

Noch mal, beachte das Schema des Zählbeginns bei 0. Das obige Farben-Array hat 6 Elemente, auf die wir per Zahl zugreifen können. Schau Dir das an...

<HTML>

<HEAD>

<TITLE></TITLE>



<SCRIPT language="Javascript"><!--



colors = new Array();

colors[0] = "rot";

colors[1] = "blau";

colors[2] = "grün";

colors[3] = "gelb";

colors[4] = "lila";

colors[5] = "orange";



function GetMyColor()

{

   alert(colors[2]);

}



//--></SCRIPT>



</HEAD>

<BODY>



<A HREF="javascript:GetMyColor()">Klicke hier für meine Farbe</A>



</BODY>

</HTML>

Versuch es.

Obwohl es nicht das nützlichste Script der Welt ist, demonstriert es das Farben-Array recht gut. Du solltest verstehen, was hier passiert, bevor Du weiterliest.

<< Zurück         Weiter >>
pagetutor.com


Invest in the future - Hug your kid today.