Come saltare il menu più fotogrammi con JavaScript

January 12

È possibile utilizzare JavaScript e HTML per creare un menu a discesa che permette ai visitatori di navigare nel tuo sito web o saltare a link esterni. Pagine con più fotogrammi, tuttavia, possono rendere la navigazione del sito più difficile, dal momento che interi siti web possono finire di caricare nel frame corrente, piuttosto che in una nuova finestra. Ma è possibile utilizzare JavaScript per specificare se un collegamento di menu carichi nel frame corrente o in una nuova finestra o scheda.

istruzione

1 Inserire "<form action =" ../ ">" e "</ form>" tra il "<body>" e "</ body>" tag nella pagina HTML. Escludere le virgolette che circondano i "<form>" tag.

2 Inserisci "<select name =" menu ">" e "</ select>" tra i "<form>" tag:

<Form action = "../">
<Select name = "menu">
</ Select>
</ Form>

3 Aggiungere un "<option>" tag per ogni destinazione, e quindi immettere l'URL della pagina. Inserire la "<option>" tag tra i "<SELECT>" tag; per esempio:

<Option value = "http: // mia pagina /"> Home </ option>
<Option value = "http: // mia pagina / prev"> Archivio </ option>
<Option value = "http: // mia pagina / me"> A proposito di Me </ option>
<Option value = "mailto: una @ mia address.com"> E-mail </ option>

4 Inserire un pulsante "Go" tra il "</ select>" e "</ form>" tag:

</ Select>
<Type = "button" tasto> Vai </ button>
</ Form>

5 Aggiungere il "onclick" attributo al tag "<button>". Inserire il codice JavaScript nel campo "onclick"; per esempio:

<Tipo di pulsante = "button" onclick = "window.open (this.form.menu.options [this.form.menu.selectedIndex] .value, '_ top')">

6 Utilizzare "_top" per saltare fuori dei telai e caricare la pagina in una finestra piena. Utilizzare "_blank" per caricare la pagina in una nuova finestra o scheda. Utilizzare "_self" per caricare il collegamento nel frame corrente; per esempio:

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