settore JS

Ultima modifica: 07-02-2016
appunti di js

In questo settore raccoglierò alcuni script JS che mi sono stati utili nella programmazione PHP. Non ho molta esperienza in JS per cui mi limito a riportare il codice così come l'ho trovato e solo sporadicamente riesco a modificare qualche istruzione quando son sicuro di non combinare guai.

Più che tutorial questo settore conterrà una raccolta di script JS che uso normalmente.
Non ho molta esperienza in JS per cui mi linito a mostrare alcuni script di cui mi servo ed in alcune circostanze darò alcune spiegazioni su come modificare alcune semplici istruzioni o parametri.

Come inserire codice JS in una pagina

Possiamo scrivere o inserire codice JS in qualsiasi parte della nostra pagina, head o body, a seconda delle nostre esigenze ed a seconda di quello che lo stesso codice deve fare.

Ci sono due modi di richiamare uno script JS nella pagina:
Scrivere il codice direttamente nella pagina
Creare un file JS esterno e richiamarlo da codice

Per tenere pagine pulite e non appesantirlo con numerose righe di codice è senz'altro preferibile usare il secondo metodo.

Scrivere il codice direttamente nella pagina

Se è necessario scrivere codice JS direttamente nella pagina, il modo più corretto per inserire codice JS nelle nostre pagine è il il seguente, cioè inserendo dei commenti prima e dopo lo script.

Se si fa uso di una normale pagina HTML
==========================================================
<script type="text/javascript">
<!--
// codice js da scrivere
//-->
</script>
==========================================================
Se si fa uso di una pagina XHTML i commenti sono leggermente differenti
==========================================================
<script type="text/javascript">
//<![CDATA[
// codice js da scrivere
//]]>
</script>
==========================================================

Secondo metodo: usare un file JS esterno

Al primo metodo è senz'altro da preferire questo in quanto sporca meno la pagina e facilita sia la validazione delle nostre pagine usando lo standard mondiale di riferimento del W3C, sia la manutenzione dei nostri contenuti.
Per far questo è consigliabile creare un file esterno con estensione .js ed inserire in questo file il nostro codice JS. In questo file il codice non ha bisogno di nessun tag (<script type="text/javascript"> ... </script>) nè di commenti obbligatori.
Il file JS è così richiamato nelle nostre pagine:

<script type="text/javascript" src="js/file.js"></script>

Commentare il codice JS

Gli unici commenti da inserire sono quelli che vogliamo noi e che servono a inibire porzioni di codice o descrivere quel che le istruzioni scritte eseguono.
I commenti sono:
// per commentare una singola riga
/* */ per commentare molteplici righe

//    commento di una singola riga

/*
tutto quel che viene scritto in questo blocco, 
estendibile su molteplici righe,
non viene elaborato dall'interprete JS
*/

Output per JavaScript

Anche con lo JavaScript, come con altri ambienti di sviluppo e programmazione, c'è la necessità di visualizzare a schermo gli elaborati.
Lo JavaScript può mostrare i dati in modi diversi:

  • Scrivere in una finestra di ALERT, utilizzando window.alert ().
  • Scrivere nella pagina HTML usando document.write ().
  • Scrivere in un elemento HTML, usando innerHTML.
  • Scrivere nella console del browser, utilizzando console.log ().

Questi sono dei semplici esempi su come creare ed ottenere gli output col JavaScript

<script>
window.alert("messaggio");
</script>

<script>
document.write("messaggio");
</script>

<script>
document.getElementById("demo").innerHTML = "messaggio";
</script>

<script>
console.log("messaggio");
</script>

Ora che conosciamo come inserire codice JS nelle nostre pagine possiamo andare avanti ad esaminare alcuni script di cui faccio più uso.

 

settore tecnico il sito di lorettabweb il Forum di sostegno
il forum il forum il forum