javascript 6. oggetti e javascript. linguaggio ad oggetti javascript è un linguaggio orientato agli...
TRANSCRIPT
![Page 1: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/1.jpg)
JavaScriptJavaScript6. Oggetti e JavaScript
![Page 2: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/2.jpg)
Linguaggio ad oggettiLinguaggio ad oggetti
JavaScript è un linguaggio orientato agli oggetti
In JavaScript sono presenti oggetti predefiniti che fanno parte del DOM (Document Object Model)
In JavaScript è possibile definire nuovi oggetti
![Page 3: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/3.jpg)
Oggetti predefinitiOggetti predefiniti
navigator◦plugins◦mimetype
window◦document
...◦frame◦history◦location
![Page 4: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/4.jpg)
Notazione puntataNotazione puntata
window.document.form.text
![Page 5: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/5.jpg)
Oggetto window – alcune Oggetto window – alcune proprietàproprietà
document – rappresenta la pagina web visualizzata
history – Gli URL delle pagine web visitatelocation – URL della pagina web in
esecuzionenavigator – informazioni sul browserscreen – informazioni sul monitorstatus – barra di stato
![Page 6: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/6.jpg)
Proprietà di window - esempiProprietà di window - esempi
window.status="Ho scritto sulla barra di stato“ lung_cronologia=window.history.length window.document.title = “titolo finestra”;
![Page 7: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/7.jpg)
Oggetto window – alcuni metodiOggetto window – alcuni metodi
Alcuni metodi dipendono dal browser che esegue lo script e dalla versione dell’interprete javaScript
alert() – apre finestra contenente un messaggioclose() – chiude la finestra del browserconfirm() – finestra di dialogo con “conferma”
“annulla”moveTo() – sposta la finestraopen() – apre una nuova finestra del browserprint() – stampa la pagina webresizeTo() – ridimensiona la finestra
![Page 8: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/8.jpg)
Metodi di window - esempiMetodi di window - esempi
finestra = window.open('filevuoto.htm','titolofinestra','scrollbars=no,resizable=no,width=150,height=170,top=300,left=300,status=no,location=no,toolbar=no');
window.resizeTo(larghezza,altezza); window.moveTo(0,0);
![Page 9: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/9.jpg)
Oggetto document – alcune Oggetto document – alcune proprietàproprietà
bgcolor – colore sfondocookie – stringa di testo con i valori
inseriti nel cookieforms[] - array dei moduli (oggetti)
presenti nella pagina webimages[] – array delle immagini presenti
nella pagina webtitle – titolo della pagina web
![Page 10: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/10.jpg)
Proprietà di document - esempiProprietà di document - esempi
document.title=“titolo documento” messaggio=document.forms.formModuloUno.elements.textfieldCampoTestoUno.value
document.bgColor = "#FFFFFF”
![Page 11: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/11.jpg)
Oggetto document – alcuni Oggetto document – alcuni metodimetodi
Alcuni metodi dipendono dal browser che esegue lo script e dalla versione dell’interprete javaScript
clear() – ripulisce il contenuto di una pagina web
write() – scrive sul documentoEsempio:
◦document.write(“classe <b>4b</b>”);
![Page 12: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/12.jpg)
Altri oggetti predefinitiAltri oggetti predefiniti
arraybooleandatefunctionglobalmathnumberobjectoptionstring
![Page 13: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti](https://reader035.vdocumenti.com/reader035/viewer/2022081507/5542eb4b497959361e8b75ab/html5/thumbnails/13.jpg)
EserciziEsercizi
Scrivere una pagina HTML contenente script JavaScript che visualizza “Saluti” sulla barra di stato
Scrivere una pagina HTML contenente script JavaScript che sposta la finestra alla posizione 200,200
Scrivere una pagina HTML contenente script JavaScript che richiede il nome dell’utente e lo visualizza sulla barra di stato
Scrivere una pagina HTML contenente script JavaScript che imposta casualmente il colore di sfondo della pagina
Scrivere una pagina HTML contenente script JavaScript che visualizza il giorno della settimana