Oggetti Location, History e Navigator

In questo video parleremo di altri 3 oggetti anch'essi proprietà dell'oggetto window: location, history e navigator.
Anche questi oggetti possono risultare molto utili ad un programmatore e vedremo alcuni esempi di come usare le loro proprietà e metodi.
In particolare vedremo come l'oggetto "location" è usato per ricavare informazioni dall'Url della pagina utilizzando le proprietà e metodi: href, hostname, pathname e assign().
Poi parleremo dell'oggetto "history" che serve per navigare tra la cronologia del browser con i metodi: back() e forward().
Infine, l'oggetto "navigator", che serve per ottenere informazioni riguardanti il browser usato dall'utente (anche se non ci si può fare affidamento al 100%), vedremo le proprietà: cookieEnabled, appName, appVersion e language.

Trascrizione: (click per espandere)
salve a tutti in questo video vedremo
altre maniere per interagire con il
nostro bom ad esempio io voglio
lavorare con l'oggetto location per
sapere dove e' il mio file che e'
aperto nel mio browser
qual è il nome del dominio quella il
nome del file come aprire un altro file
un'altra pagina
andiamo intanto a vedere per esempio
console log location abbiamo detto
location e href ecco qui questo questo
questo questa proprietà dell'oggetto
location mi riporta tutta la path della
barra degli indirizzi
poi potrei usare anche questa
questa proprietà qui che si chiama
hostname che se ce la faccio la
visualizzazione qui a vuoto perché il al
momento il mio file non e' nessun
server pero' se voi mettete il file in un
server dovreste vedere il nome del
server poi possiamo usare questa questa
proprietà qui questa è solo per la path
senza il dominio
eccolo qui come vedete questa se qui
avrei avuto il nome del dominio qui ho la
path senza dominio e come vedete come
potete immaginare io posso andare a
salvare questa questi valori dentro a
una variabile e posso lavorare posso
estrarre dati per esempio se mi serve
sapere qual è un nome del sub folder
posso andare usare il metodo split per
splittare tutta la stringa dove c'è lo
slash e salvarmi tutti i valori in
una array e poi andarmi a lavorare ogni
elemento ci sono infinite possibilità vi
faccio vedere un'altra un metodo
dell'oggetto location allora posso
creare una funzione qui
linka posso chiamarla e qui metto location.assign()
e dentro ci passo come
argomento il nome del della pagina che
voglio aprire ad esempio se voglio
aprire google metto https www.google.com
e vado a mettere qui onmouseover e metto linka
andiamo ricaricare la pagina
ecco come vedete mi si è aperto google
adesso se io voglio aprire un file che
nel mio computer
posso fare location.assign() e dentro ci
metto il nome del file che voglio aprire
ad esempio qui ho già un file che si
chiama video7 trattino 2 bis
quindi io ci metto il video 7 trattino 2
bis punto html
salviamo adesso andiamo recuperare
eccolo qui ha creato la seconda pagina
la seconda pagina e' dentro qui eccola
qui ha il mio bottone cliccami che
vedete ho già messo una funzione
ritorna perché adesso io voglio fare che
quando clicco il bottone ritorno alla
pagina precedente
allora per lavorare con avanti e
indietro del browser si deve
usare un altro oggetto che si chiama
oggetto history
andiamo a vedere
function ritorna qui metto history.back()
per tornare indietro
se volessi andare avanti metterei vi
faccio vedere io non ho niente avanti
comunque sarebbe forward
eccolo qui forward in questa maniera
comunque lo commento per caricare la
pagina
sono tornato alla pagina dietro come
vedete adesso io dico che è l'oggetto
history però ricordatevi sempre che
sarebbe window.history però
ovviamente window è sottinteso quindi
non serve metterlo o cos'altro vedere
possiamo passare cos'altro posso farvi
vedere l'oggetto navigator
navigator è per sapere le specifiche del
browser usato dall'utente premetto che
non è affidabile usare questo usare
l'oggetto navigator per sapere se
l'utente sta usando chrome firefox
safari explorer quindi non non fate
affidamento al cento per cento su quello
che gli viene
ritornato da dall'oggetto navigator
comunque vi faccio vedere alcune
proprietà navigator per esempio io
voglio sapere se l'utente ha i cookie
abilitati e io posso usare cookie enable
sarà un booleano questo e mi dice tu
perché i miei cookie sono abilitati
posso posso vedere se il nome del
browser netscape perché si sta usando
chrome posso vedere la versione app
version eccola qui e posso vedere la
lingua inglese americano ok con questo è
tutto ci sentiamo alla prossima per
questo vi metto in un link in
descrizione per ogni oggetto in maniera
che potete trovare tutte le proprietà i
metodi di questi oggetti con questo è
tutto ci sentiamo la prossima azione
File del video: 

Aggiungi un commento

Filtered HTML

  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.

Plain text

  • Nessun tag HTML consentito.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Linee e paragrafi vanno a capo automaticamente.
Per tutelare la vostra privacy suggerisco l'uso di un nickname o lasciare anonimo...
CAPTCHA
Questa domanda è per testare se sei una persona e non un software che genera spam
3 + 2 =
Risolvi la semplice domanda di matematica e inserisci il risultato. Es. se e' 1 + 3 inserisci 4.