Oggetto window javascript, Slide di Informatica gestionale

Scarica Oggetto window javascript e più Slide in PDF di Informatica gestionale solo su Docsity!

OGGETTO WINDOW

Oggetto window

— È l’oggetto principale della gerarchia degli oggetti e rappresenta l’area di visualizzazione della pagina html che contiene lo script (la finestra del browser) — Fornisce metodi e proprietà per manipolare il browser — per aprire e chiudere altre finestre — per la navigazione tra le pagine — …

Metodo confirm()

— Come abbiamo già visto il metodo confirm() fa apparire una finestra di dialogo contenente un messaggio e dà all’utente la possibilità di confermare o annullare. — Nel primo caso il valore di ritorno associato equivale a true, nel secondo a false. Link — Se l’utente cliccherà ok sarà mandato alla pagina del link, altrimenti resterà nella pagina corrente.

Metodo open()

window.open(‘url','nome finestra','caratteristiche finestra‘,’); —Questo metodo ha 3 parametri : — Il primo indica indica un percorso (relativo o assoluto) di un file html da inserire all'interno della finestra — Il secondo indica il nome della finestra che abbiamo creato (opzionale). Non possono essere aperte due finestre con lo stesso nome: se si tenta di aprire una finestra usando il nome di una che è già aperta, quest’ultima sarà utilizzata come nuova finestra; — Il terzo specifica la forma, la dimensione e la posizione della finestra, possiamo anche far sì che la finestra non sia ridimensionabile, o che non ci siano le barre degli strumenti e le barre di scorrimento.

Esercizio

— Inserire una pagina html con un link, che al click chiama la funzione apriFinestra(); — Dichiarate poi nella head la funzione, che apre in una nuova finestra(400x600) la home page del dipartimento di informatica — AIUTO:

Metodo close()

— Questo metodo permette di chiudere la finestra su cui viene invocato. — Non ha parametri. function chiudi (){ window.close(); } — Se si tenta di chiudere la finestra principale (su cui si sta lavorando), explorer chiede un messaggio di conferma e firefox e chrome non lo permettono. — Generalmente è utilizzato per chiudere popup

Esercizio

— Inserire una pagina html con un link, che al click chiama la funzione apriFinestra(); — Dichiarate poi nella head la funzione, che apre in una nuova finestra(800x600) una nuova pagina html contenente un immagine da voi inserita — Nella nuova pagina aperta inserite il pulsante chiudi, che una volta cliccato chiude la finestra appena aperta

Esercizio

— Nella head del documento inserire una funzione apri() che svolge le seguenti azioni:

• chiede all'utente se vuole o meno aprire una nuova finestra (confirm)
• In caso positivo chiede all'utente il suo nome (prompt)
• apre una nuova finestra (400 x 500, no scrollbar) con scritto “Ciao
  • nome utente”
• CONSULATATE QUESTO LINK PER AVERE ISTRUZIONI SUL METODO http://www.w3schools.com/jsref/met_win_open.asp

Esercizio à soluzione

Oggetto window: le proprietà più

usate

— window.status — window.defaultStatus — window.opener — window.closed

Oggetto window: le proprietà più

usate

— window.status e window.defaultStatus: permettono di modificare il valore della barra di stato in basso (funziona solo in Opera) — window.opener: restituisce un riferimento alla finestra che ha aperto quella corrente — window.closed: quando si chiude una finestra, la sua proprietà closed viene messa a true

Oggetto location

— window.location.assign() viene usato per caricare un nuovo documento, quindi cambiare pagina window.location.assign(http://www.w3schools.com)

Esercizio

— Provate ora a stampare nella vostra pagina le proprietà di location window.location.hostname window.location.href window.location.pathname window.location.protocol window.location.port — E poi scrivete una funzione per cambiare pagina, attivabile al click su un bottone — Dovete usare per fare cià il metodo assign window.location.assign(“URL NUOVA PAGINA”)