JavaScript Dropdown-Tutorial

JavaScript ist eine clientseitige Skriptsprache verwendet, um dynamische Webseiten zu erstellen. Eine clientseitige Skriptsprache wird im Web-Browser des Benutzers und nicht im Web-Server implementiert. Das JavaScript-Skript ist eingebettet in das HTML-Dokument in den < Head >-Abschnitt. Das Skript ist eingeschlossen zwischen "< Script >" und "< / script >" Markierungen. Ein Dropdown-Menü mit JavaScript erstellt können Sie Optionen wählen durch anklicken, anstatt mit der Option und drücken dann eine andere Taste, um die Auswahl abzuschließen.

Anweisungen

1 Öffnen Sie ein leeres Textdokument in einem beliebigen Texteditor.

2 Starten Sie das html-Dokument mit den folgenden Code:

< html >< Head >

3 Geben Sie die Zeile "< Skriptsprache ="Javascript"> um das Skript zu definieren.

4 Erstellen Sie eine Funktion, die ein Array mit dem folgenden Code erstellt:

Funktion create_Array(){Var Arg = create_Array.arguments;für (Var i = 0; i < arg.length; i++){Diese [i] = Arg [i];}This.length = arg.length; }

5 Die Links in das Array mit den folgenden Code hinzufügen:

Var Links = neue Create_Array ()"home.html","aboutme.html""portfolio.html","blog.html""links.html");

6 Erstellen Sie die Funktion, die die URL geöffnet wird:

Funktion locate(which){m = which.selectedIndex;URL = Links [m];Location.href = Url;}

7 Beenden Sie das Skript und den Head-Abschnitt des Dokuments durch den folgenden Code:

< / script >< / head >

8 Erstellen Sie das Drop-Down-Menü, mit dem folgenden Code:

< Körper >< Formularname = "form1" >< select Name = "Menü" onChange="locate(this)" >Home < option > < / option >Über mich-< option > < / option >< Option > Portfolio < / option >< Option > Blog < / option >< Option > Links < / option >< / form >

9 Beenden Sie das html-Dokument mit dem folgenden Code:

< / body >< / html >

10 Testen Sie das Drop-Down-Menü, durch Öffnen der Datei in einem beliebigen Webbrowser.