JavaScript kan du skapa dynamiska drop ( pull ) - menyerna . JavaScript -koden är normalt innesluts direkt i HTML- dokumentet , vilket eliminerar behovet av två filer , en för HTML-dokument och en för manuset . Den JavaScript -koden kan hittas någonstans i dokumentet , men är ofta placerade i huvudet avsnittet . Koden kallas då i brödtexten i dokumentet . JavaScript -kod
skript som ingår i denna artikel kommer att skapa en rullgardinsmeny som tar användaren till en ny webbsida så snart alternativ väljs.
Den första funktionen kommer att skapa en array
funktion createArray ( ) {var arg = createArray.arguments , . for (var i = 0 ; i. < arg.length , i + + ) {this [ i] = arg [ i] ; } this.length = arg.length ; }
Då kommer du att fylla arrayen med webbadress ( URL: er ) för dina menyalternativ . Om du har mer än en meny på din hemsida , kan du skapa mer än en array .
Var urls = ny final JavaScript -funktionen öppnar menyalternativet i samma fönster som den aktuella sidan
funktion OpenURL ( som ) . { m = which.selectedIndex ; url = urls [ m ] ; location.href = url ; }
menyalternativ kommer vardera att ha ett indexnummer . Detta nummer refereras i " m = which.selectedIndex " uttalande . Indexet nummer används i "url = urls [ m ] " uttalande som får rätt webbadress från arrayen . Den " location.href = url" uttalandet anger att webbläsaren ska gå till den nya webbplatsen . Addera HTML Document
JavaScript -koden placeras inom skriptelement i huvud delen av HTML- dokumentet . Du bör också bifoga koden i en kommentar så att det inte kommer att läsas av webbläsare som inte stöder skript
< /head>
själva formen skapas i brödtexten i dokumentet . Den är skapad med väljarelementet och namnen på de webbplatser hålls inom optionsinslag . Du lägger inte de webbadresser som värden för alternativet elementet eftersom de hålls i arrayen som skapats ovan .
