13
JavaScript JavaScript 6. Oggetti e JavaScript

JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti

Embed Size (px)

Citation preview

Page 1: JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti

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

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

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

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

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

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

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

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

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

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

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

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

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