JavaScript können Sie dynamische Drop ( ziehen ) -Menüs erstellen. JavaScript-Code wird in der Regel direkt im HTML-Dokument , das die Notwendigkeit für zwei Dateien, eine für das HTML-Dokument und eine für das Skript entfernt eingeschlossen . Der JavaScript-Code kann überall im Dokument gefunden werden , wird aber oft in den Head-Abschnitt platziert . Der Code wird dann in den Körper des Dokuments bezeichnet. JavaScript -Code
Das Skript in diesem Artikel wird ein Dropdown-Menü , die den Benutzer auf eine neue Web-Seite wird , sobald die Option ausgewählt ist nehmen .
Die erste Funktion wird ein Array zu erstellen
Funktion CreateArray () {var arg = createArray.arguments ; . for (var i = 0; i < arg.length ; i + +) { this [ i] = arg [ i] ;} this.length = arg.length ;}
Dann werden Sie das Array mit der Web-Adresse (URL ) für Ihre Menüpunkte zu füllen. Wenn Sie mehr als ein Menü in Ihre Web-Seite haben , können Sie mehr als ein Array.
Var urls = new letzten JavaScript-Funktion wird das Menü Option im selben Fenster wie die aktuelle Seite öffnen
Funktion openURL (die) . { m = which.selectedIndex ; url = urls [m] ; location.href = url ;}
Die Menüpunkte werden jeweils einen Index-Nummer . Diese Zahl wird in der " m = which.selectedIndex " Anweisung verwiesen . Der Index wird in der " url = urls [m] "-Anweisung , die die korrekte URL wird aus dem Array verwendet . Die " location.href = url "-Anweisung teilt dem Browser auf die neue Website gehen .
HTML Document
Der JavaScript-Code in den Skript -Elemente wird in platziert das Kopfteil des HTML-Dokuments . Sie sollten auch umschließen den Code innerhalb eines Kommentars so , dass es nicht von Browsern , die keine Unterstützung Scripting gelesen werden
die tatsächliche Form wird innerhalb des Körpers Abschnitt des Dokuments erstellt . Es ist mit dem select-Element erstellt und die Namen der Websites innerhalb der Option Elemente statt. Sie müssen nicht fügen Sie die Web-Adressen als Werte für die Option Element , wie sie in dem Array erstellt oben gehalten werden.
