JavaScript kan du oprette dynamiske drop (træk ) -down menuer. JavaScript-kode er normalt indesluttet direkte i HTML-dokumentet , som fjerner behovet for to filer , en for HTML-dokumentet og en for scriptet . JavaScript-koden kan findes overalt i dokumentet , men er ofte placeret i hovedafsnittet . Koden kaldes så i selve dokumentet. JavaScript -kode
Scriptet inkluderet i denne artikel vil skabe en drop down menu , der vil tage brugeren til en ny web- side, så snart den er valgt.
Den første funktion vil skabe en række
funktion createArray () {var arg = createArray.arguments , . for (var i = 0; i < arg.length , i + +) { dette [i] = arg [i] ;} this.length = arg.length ;}
Så vil du fylde array med web -adresse ( URL ) til dine menupunkter. Hvis du har mere end en menu på din webside , kan du oprette mere end én array.
Var urls = new afsluttende JavaScript-funktion vil åbne menupunktet i samme vindue som den aktuelle side
funktion OpenURL (som ) . { m = which.selectedIndex , url = URL'er [m ] location.href = url ;} < br >
menupunkterne hver har et indekstal . Dette nummer er refereres til i "m = which.selectedIndex " erklæring . Indekset nummer anvendes i "url = webadresser [m] " erklæring , som får den korrekte URL fra array. Den " location.href = url " erklæring fortæller browseren til at gå til den nye hjemmeside .
HTML Document
JavaScript-koden placeres i scriptet elementer hovedafsnittet i HTML-dokumentet . Du bør også vedlægge koden i en kommentar , så det vil ikke blive læst af browsere , der ikke understøtter scripting
den konkrete udformning er skabt i kroppen afsnit i dokumentet . Den er skabt med det snævre element og navnene på de websteder holdes inden for de optionselementer . Du behøver ikke tilføje webadresser som værdier for indstillingen element , som de er afholdt i array skabt ovenfor.