Come ridimensionare a tutto schermo in Javascript

July 9

JavaScript non dispone di un modo per massimizzare la finestra per i browser web. "Massimizzare", cioè per accedere al controllo di Windows Ingrandisci per aprire la finestra. JavaScript può ridimensionare la finestra, ma l'intero schermo non è coperto. E 'considerato cattivo galateo di Internet per massimizzare la finestra durante il caricamento della pagina iniziale. E 'meglio per codificare un pulsante che ci permetterà di ottimizzare la finestra quando si fa clic, o di avere un messaggio che l'utente a premere il tasto "F11" per massimizzare la finestra del browser.

istruzione

Finestra aperta

1 Creare la funzione si chiamerà per aprire la finestra a schermo intero. In questo esempio, chiameremo la funzione, "Max_window ()." Inserire il codice come segue:

<Script>

funzione Max_window () {

window.moveTo (0,0)

window.resizeTo (screen.width, screen.height)

}

</ Script>

2 Individuare l'area nel programma per richiamare la funzione.

3 Tipo "Max_window ()" per chiamare la funzione si è creato.

Apri finestra sul caricamento della pagina

4 Apri il tuo editor HTML di scelta.

5 Digita il codice sotto il tag <HEAD> come segue:

<Script language = "JavaScript">

window.onload = Max_window;

funzione Max_window ()

{

window.moveTo (0,0);

if (document.all)

{

top.window.resizeTo (screen.availWidth, screen.availHeight);

}

else if (document.getElementById document.layers ||)

{

if (top.window.outerHeight <screen.availHeight || top.window.outerWidth <screen.availWidth)

{

top.window.outerHeight = screen.availHeight;

top.window.outerWidth = screen.availWidth;

}

}

}

</ Script>

6 Testare il codice nel browser.

Consigli e avvertenze

  • Il "document.all" lavora per Interet Explorer. Se si desidera scrivere il codice per FireFox quindi utilizzare "document.layers" invece.