JavaScript 6. Oggetti e JavaScript A. Ferrari.

Slides:



Advertisements
Presentazioni simili
Guida Pratica Prof. Carla Fanchin
Advertisements

Stringhe Operare con le stringhe con laiuto degli array.
JavaScript 6. Oggetti e JavaScript. Linguaggio ad oggetti JavaScript è un linguaggio orientato agli oggetti In JavaScript sono presenti oggetti predefiniti.
JavaScript 7. Eventi di JavaScript.
JavaScript 3. Le basi di JavaScript.
JavaScript 5. Argomenti avanzati. Array Un array può anche contenere elementi di tipo diverso tra loro Un elemento di un array può essere un array (array.
JavaScript 8. Altri oggetti JavaScript. history Contiene lelenco delle pagine visitate Sintassi: window.history frame.history history Proprietà length.
JavaScript 2. JavaScript nelle pagine web. HTML e XHTML Gli script JavaScript sono utilizzabili sia in pagine HTML che XHTML XHTML impone che il codice.
PHP.
Esercitazione 2 Array, funzioni, form
1 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Date in Javascript.
1 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Informazioni globali nelle pagine HTML.
1 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Variabili in Javascript.
1 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Array in Javascript.
JavaScript Laboratorio di Applicazioni Informatiche II mod. A.
JAVASCRIPT DIFFERENZA TRA JAVASCRIPT E JAVA TAG LO SCRIPT OGGETTI LE CLASSI FUNZIONE GESTORE DI EVENTI ELEMENTI DEL LINGUAGGI è un vero e proprio linguaggio.
Facciamo uno script I Supponiamo di voler visualizzare ora e data –Siccome lo script viene eseguito dal browser, data e ora saranno relative allutente,
Internet Explorer Il browser.
Array Struttura numerate di dati. Memorizzare molti dati In informatica cè spesso bisogno di memorizzare ed elaborare un insieme costituito da molti dati.
Eventi Come rendere gli elementi HTML di una pagina web sensibili alle azioni del mouse.
Array Funzioni che operano su array. Funzioni Ricordiamo che una funzione è una parte di codice a sé stante che esegue un compito e/o ritorna un risultato.
Introduzione a AJAX - Asynchronous Javascript And Xml
Realizzazione siti web Pagine web dinamiche - javascript.
Corso di PHP.
Javascript Javascript è il linguaggio di scripting più diffuso sul Web
JavaScript 2 Input / output. Voglio leggere un dato inserito dallutente dello script, come posso fare? Voglio scrivere un valore e farlo leggere allutente.
Javascript: fondamenti, concetti, modello a oggetti
Posizionamento Come posizionare gli elementi HTML nella pagina web e come JavaScript può muoverli cambiando la loro posizione nel tempo.
Interazione di JavaScript e HTML
JavaScript Distribuire il calcolo Prof. Andrea Omicini Corso di Sistemi Distribuiti A.A. 2001/2002 Parte IV.
Posizionamento Come posizionare gli elementi HTML nella pagina web e come JavaScript può muoverli.
Array e Funzioni in PHP Laboratorio di Progettazione Web AA 2007/2008 Chiara Renso ISTI- CNR -
Eventi Come rendere gli elementi HTML di una pagina web sensibili alle azioni del mouse.
Sviluppare un programma in C che, dato un array da 100 elementi interi caricato con numeri casuali compresi tra [10,100], sia in grado di cercare il valore.
DOM – Document Object Model
JavaScript Oggetti. Linguaggio a oggetti Alice Pavarani2  JavaScript è Object Oriented  Sono presenti oggetti predefiniti del linguaggio  E’ possibile.
JavaScript Array.
INTRODUZIONE A JAVASCRIPT
Javascript Javascript
TROVA FILM Progetto di Tecnologie Web anno accademico 2013/2014 DEL VECCHIO GIANLUCA IOVINO PASQUALE
Lezione 8.
JavaScript Generalità Cos'è JavaScript?
Introduzione a Javascript
Javascript Istruzioni di ciclo: for(inizio; condizione; incremento ) {blocco istruzioni} istruzione seguente; – inizio e incremento possono contenere più.
Tecnologie lato Client: Javascript © 2005 Stefano Clemente I lucidi sono in parte realizzati con materiale tratto dal libro di testo adottato tradotto.
INTRODUZIONE A MATLAB Sara Poltronieri. Avvio del programma Avvio di Matlab (Windows) Start  Programmi  Matlab (o icona) Avvio di Matlab (Linux) terminale.
Document… iamoci Roberto Bruni e Daniela Giorgetti.
Eprogram informatica V anno. Introduzione a PHP Introduzione La diffusione di PHP ha avuto un notevole incremento dalla fine degli anni Novanta a oggi,
Javascript. HTML per definire il contenuto delle pagine web CSS per specificare il layout delle pagine web JavaScript per definire il comportamento delle.
Unità A2 Java: le basi del linguaggio
VISUAL BASIC.
Tutorato Elementi di Informatica 2013
6. Matlab: Introduzione all’ambiente di sviluppo
Tipo di dato: array Un array è un tipo di dato usato per memorizzare una collezione di variabili dello stesso tipo. Per memorizzare una collezione di 7.
Asynchronous JavaScript and XML
Consultazione delle carte da gioco collezionabili
Informazioni globali nelle pagine HTML
Creazione di pagine per Internet
realizzato dal prof.Conti Riccardo
Introduzione a JavaScript
Titolo dell'evento Data evento Ora evento
Come personalizzare il sito Web online di Microsoft SharePoint
Titolo della presentazione
2. JavaScript nelle pagine web
Corso di Laurea Ingegneria Informatica Fondamenti di Informatica
Unità A2 Java: le basi del linguaggio
DOM Document Object Model.
8. Altri oggetti JavaScript
WORD 28/02/2019 Informatica - WORD.
PowerShell di Windows PowerShell è un shell che mette a disposizione un prompt interattivo e un interprete a riga di comando , per le sue caratteristiche.
Transcript della presentazione:

JavaScript 6. Oggetti e JavaScript A. Ferrari

Linguaggio 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

Oggetti predefiniti navigator window plugins mimetype document frame ... frame history location

Notazione puntata window.document.form.text

Oggetto window – alcune proprietà document – rappresenta la pagina web visualizzata history – Gli URL delle pagine web visitate location – URL della pagina web in esecuzione navigator – informazioni sul browser screen – informazioni sul monitor status – barra di stato

Proprietà di window - esempi window.status="Ho scritto sulla barra di stato“ lung_cronologia=window.history.length window.document.title = “titolo finestra”;

Oggetto window – alcuni metodi Alcuni metodi dipendono dal browser che esegue lo script e dalla versione dell’interprete javaScript alert() – apre finestra contenente un messaggio close() – chiude la finestra del browser confirm() – finestra di dialogo con “conferma” “annulla” moveTo() – sposta la finestra open() – apre una nuova finestra del browser print() – stampa la pagina web resizeTo() – ridimensiona la finestra

Metodi 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);

Oggetto document – alcune proprietà bgcolor – colore sfondo cookie – stringa di testo con i valori inseriti nel cookie forms[] - array dei moduli (oggetti) presenti nella pagina web images[] – array delle immagini presenti nella pagina web title – titolo della pagina web

Proprietà di document - esempi document.title=“titolo documento” messaggio=document.forms.formModuloUno.eleme nts.textfieldCampoTestoUno.value document.bgColor = "#FFFFFF”

Oggetto document – alcuni metodi 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 documento Esempio: document.write(“classe <b>4b</b>”);

Altri oggetti predefiniti array boolean date function global math number object option string

Oggetto Array Un oggetto Array è usato per memorizzare un insieme di valori in una singola variabile Ogni valore è un elemento dell’array ed è associato ad un indice numerico var family_names = new Array(3) family_names[0] = "Tove" family_names[1] = "Jani" family_names[2] = "Stale” Proprietà length – Numero di elementi nell’array Metodi concat – Concatena l’array con altri (ne restituisce uno nuovo) join – Restituisce la concatenazione di tutti gli elementi, come stringa reverse – Rovescia l’array slice – Restituisce una specifica porzione dell’array sort – Ordina l’array

Oggetto Date Un oggetto Date serve per memorizzare istanti di tempo Gran numero di metodi, ma nessuna proprietà pubblica getFullYear(), getMonth(), getDate(), getHours(), getMinutes(), getSeconds(), getMilliseconds() – Restituiscono anno (4 cifre), mese (0-11), data (1-31), ora (0-23), minuti (0-59), secondi (0,59), millisecondi (0-999) di un oggetto Date setFullYear(x), setMonth(x), ... – Imposta anno (4 cifre), mese (0-11), ecc. getDay() – Restituisce il giorno (0-6; 0 = domenica, 1 = lunedì, ecc.) getTime() – Restituisce il numero di millisecondi dal 01-01-1970 setTime(x) – Imposta i millisecondi dal 01-01-1970 parse(x) – A partire da data in formato stringa, restituisce il numero di millisecondi dal 01-01-1970 toString() – Converte l’oggetto Date in stringa

Oggetto Math Oggetto predefinito Math: costanti e funzioni matematiche Propriertà E, PI – Numero di Nepero e Pi greco Metodi abs(x) – Restituisce il valore assoluto di x floor(x), ceil(x), round(x) – Arrotonda x ad un intero sin(x), cos(x), tan(x), ... – Restituisce il seno, coseno, tang... di x exp(x), log(x) – Funzioni esponenziale and logaritmica max(x,y), min(x,y) – Restituisce il valore più alto o basso tra x e y pow(x,y) – Restituisce il valore di x elevato alla potenza di y random() – Restituisce un numero casuale tra 0 e 1 sqrt(x) – Restituisce la radice quadrata di x

Esercizi 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 A. Ferrari