[Guida] JavaScript Introduzione.

  1. #1
    Utente Esperto L'avatar di Eagle2
    Data Registrazione
    Aug 2013
    Messaggi
    228
    JavaScript!
    Vediamo le caratteristiche generali
    e qualche esempio!

    Come ben saprete (chi conosce l' HTML) le pagine web costruite con l' html sono pagine statiche cioè non ricevono dati e non comunicano niente. Quello che le rende dinamiche sono linguaggi come il php (lato client-server) ed il JavaScript linguaggio lato client.


    Vediamo bene in cosa consiste ilJavaScript!

    I comandi di JavaScript li troviamo in forma di testo all' interno dei documenti HTML. Quando il nostro browser carica le pagine rileva la presenza di codice JavaScript ed esegue quest' ultimi al momento opportuno. I programmi realizzati in questo linguaggio sono chiamati Script.

    Possiamo utilizzare i comandi di
    JavaScript per i seguenti scopi:


    • Modificare l' aspetto di una pagina web durante la visualizzazione come ad esempio sostituire dinamicamente le immagini.
    • Controllare il corretto inserimento dei dati in una (form).
    • Gestire gli eventi che possono accadere durante la navigazione tra le pagine, provocati dall'utente con lo spostamento o click del mouse.
    • Fornire messaggi di avvertimento o risposte alle scelte.
    • Eseguire calcoli matematici sui valori che vengono inseriti dall'utente.
    • Gestire le finestra del browser.



    N.B. il linguaggio JavaScript ha problemi di compatibilità con i vari browser quindi se alcune istruzioni producono certi effetti con un browser non è detto che facciano lo stesos anche sugli altri browser!

    Vediamo qualche esempio !
    Per incorporare il codice JavaScript dentro una pagina HTML si utilizzano i tag <script> e </script> che indicano l'inizio e la fine della zona riservata al linguaggioJavaScript.
    All' interno dello uno stesso documento HTML ci possono essere più blocchi di istruzioni JavaScript, per definirle si usa la seguente struttura:
    Codice:
    <script language= "JavaScript">
    //istruzioni e funzioni
    </script>

    questo blocco di codice può essere messo all'intenro del tag <HEAD> oppure all'intenro del tag <BODY>. Solitamente i JavaScript sono formati da funzioni dichiarate all'inizio della pagina e richiamate nel corpo della pagina quando si verifica un particolare evento. La doppia barra // è una riga di commento.


    Per includere gli script in una pagina HTML c'è anche un altro modo quello di memorizzare gli script in un file esterno che deve essere salvato con estensione .js e inserire un collegamento nel file HTML nel seguente modo :
    Codice:
    <script src="NomeFile.js">
    </script>
    Solitamente i file .js si utilizzano per raccogliere le funzioni che dovranno essere richiamate successivamente dalla pagina. In questo modo si tiene separato il codice JavaScript dai tag HTML; inolte è più facile la condivisione del codice tra pagine diverse.

    Esempio1
    Inserire uno script che visualizza un messaggio di benvenuto.
    Codice:
    <HTML>
    <HEAD>
    </HEAD>
    <BODY>
    <script language= "JavaScript">
    document.write("Benvenuto nel sito!");
    </script>
    </BODY>
    </HTML>
    In questo caso lo script è composto solo da un comando il document.write che stampa all'interno della pagina il testo passato come parametro. La funzione write contenuta nell'oggetto document viene richiamata passando come parametro una scritta di benvenuto.

    Esempio2
    Inserire la data del sistema in una pagina Web usando una funzione JavaScript
    Codice:
    <HTML>
    <HEAD>
    <script language= "JavaScript">
    function mostra_data()
    {
        d = new Date();
        var giorno = d.getDate();
        var mese = d.getMonth()+1;
        var anno = d.getFullYear();
        document.write(giorno, "/" , mese , "/" , anno);
    }
    </script>
    </HEAD>
    <BODY>
    La data di oggi è 
    <script language= "JavaScript">
    mostra_data();
    document.write("<BR>");
    document.write("Formato completo: " , d);
    </script>
    </BODY>
    </HTML>


    All'interno della funzione sono state dichiarate quattro variabili. L'uso della parola chiave var, che precede il nome della variabile, serve a dichiarare una variabile locale alla funzione. Quindi le variabili che non vengono dichiarate utilizzando la parola chiave var sono variabili globali cioè ci si può avere accesso da tutti i punti del file HTML.

    Le funzioni invece vengono definite con la parola chiave function, seguita dal nome della funzione, indicando tra parentesi tonde i parametri. Le istruzioni della function sono raggruppate all'interno di due parentesi graffe. La struttura di una funzione e questa:
    Codice:
    function NomeFunzione(Parametri)
    {
       /*Istruzioni*/
    }
    Più in là approfondirò meglio questo argomento facendo una guida più approfondita. Questa era solo una piccola introduzione, spero vi torni utile.



  2. #2
    Utente Esperto L'avatar di Calippo
    Data Registrazione
    Jul 2013
    Località
    Canto
    Messaggi
    18,177
    Bella guida! Pero se vorrei fare document.write di un link di un immagine? Non voglio che si veda il link, ma l'immagine.

  3. #3
    Utente Esperto L'avatar di Eagle2
    Data Registrazione
    Aug 2013
    Messaggi
    228
    Non ho capito bene casa vuoi fare .


    Sent from my iPhone using Tapatalk - now Free

  4. #4
    Utente Esperto L'avatar di Calippo
    Data Registrazione
    Jul 2013
    Località
    Canto
    Messaggi
    18,177
    voglio fare tipo cosi:
    document.write("<img src="http://www.auguripasquali.it/risorsei_pasqua_3.jpg">");

    ma mi restituisce solo il link, non l'immagine
    Se volete Offirimi un caffè cosi inizio a mettere più trucchi (lavoro di piu)
    [Guida] JavaScript Introduzione.


  5. #5
    Utente Esperto L'avatar di GattoMalvagio
    Data Registrazione
    Sep 2013
    Messaggi
    1,169
    Bella guida e bel lavoro!
    Chiedersi se un computer possa pensare non è più interessante del chiedersi se un sottomarino possa nuotare.

  6. #6
    Citazione Originariamente Scritto da Calippo Visualizza Messaggio
    voglio fare tipo cosi:
    document.write("<img src="http://www.auguripasquali.it/risorsei_pasqua_3.jpg">");

    ma mi restituisce solo il link, non l'immagine
    <IMG SRC="URL" WIDTH="" HEIGHT="">

    Esempio

    Incorpora nella pagina un'immagine (che attiva un link se cliccata), il cui indirizzo è da mettere al posto della sigla URL.Es. <a href="html/1.htm"> <img src="img/inizia.gif">. Con tale tag facendo click sull’imamgine "INIZIA.GIF viene attivato il link alla pagina "1.HTM".
    Il moderatore

    davi90

    [Guida] JavaScript Introduzione.

  7. #7
    Utente Esperto L'avatar di Crystal
    Data Registrazione
    Sep 2014
    Messaggi
    444
    Importante è anche finire la tag </a>
    altrimenti dará tutto lo script come un link.
    Consiglio di inserire la fine della tag "</a>" dopo la stringa che inserisce l'immagine.(l'immagine è una directory dove va anche specificato il tipo di file)

Termini piu ricercati:

Nessuno è atterrato su questa pagina da un motore di ricerca. Almeno, non per ora...