Slik Hopp meny flere rammer med Javascript

September 1

Du kan bruke Javascript og HTML for å lage en rullegardinmeny som lar besøkende til å navigere din nettside eller hoppe til eksterne lenker. Sider med flere rammer, derimot, kan gjøre nettstedet navigasjon mer vanskelig, siden hele nettsteder kan ende opp med lasting i dagens ramme, i stedet for i et nytt vindu. Men du kan bruke Javascript for å angi om en meny lenke belastninger i gjeldende ramme eller i et nytt vindu eller fane.

Bruksanvisning

1 Skriv "<form action =" ../ ">" og "</ form>" i mellom "<body>" og "</ body>" tagger i HTML-koden. Ekskluder sitater omgir "<form>" koder.

2 Sett "<velg name =" meny ">" og "</ velge>" i mellom "<form>" tags:

3 Legg et "<alternativ>" tag for hver destinasjon, og deretter skrive inn nettadressen til siden. Sett "<alternativ>" koder i mellom "<Velg>" koder; for eksempel:

<Option value = "http: // min side /"> Hjem </ option>
<Option value = "http: // min side / forrige"> Arkiv </ option>
<Option value = "http: // min side / me"> Om meg </ option>
<Option value = "mailto: en @ mitt address.com"> E-post </ option>

4 Sett inn en "Go" -knappen i mellom "</ select>" og "</ form>" tags:

</ Velge>
<-knappen Type = "button"> Start </ knapp>
</ Form>

5 Legg til "onclick" attributt til "<-knappen>" tag. Sett Javascript inn i "onclick" felt; for eksempel:

<-knappen Type = "button" onclick = "window.open (this.form.menu.options [this.form.menu.selectedIndex] .Value, '_ top')">

6 Bruk "_top" for å hoppe ut av rammene og laste siden i en full vinduet. Bruk "_blank" for å laste siden på nytt vindu eller fane. Bruk "_self" for å laste på linken i dagens ramme; for eksempel:

onclick = "window.open (this.form.menu.options [this.form.menu.selectedIndex] .Value, '_ blank") "