fbpx

Guida Javascript – Base

COSA TROVERAI IN QUESTO ARTICOLO:

Javascript può essere implementato all’interno della tua pagina HTML con il tag

"<script> ... </script>"

Questo tag script puoi posizionarlo ovunque all’interno della tua pagina HTML, però ti consiglio di inserirlo preferibilmente nell’<head >della pagina web. Il tag <script> avverte il browser di iniziare a interpretare il testo all’interno di questo tag come uno script.

Ad esempio:

<script language="javascript" type="text/javascript">
JavaScript code
</script>

Come vediamo il tag script prende due attributi importanti:

  • Language: questo attributo specifica quale linguaggio di scripting si sta utilizzando. In generale, il suo valore sarà javascript. Sebbene le ultime versioni di HTML abbiano gradualmente eliminato l’uso di questo attributo.
  • Type: questo attributo è ciò che indica il linguaggio di scripting in uso e il suo valore dovrebbe essere impostato su “text / javascript”.

Esempio Pratico Javascript

Facciamo un esempio di esempio per stampare “Hello World”.

<!DOCTYPE HTML>
<html>

<body>

  <p>Before the script...</p>

  <script>
         document.write ("Hello World!")
  </script>

  <p>...After the script.</p>

</body>

</html>

Questo codice produrrà il seguente risultato:

Hello World!

Spazi bianchi e interruzioni di linea

JavaScript ignora spazi, tabs e nuove righe che appaiono nel codice. Puoi utilizzare liberamente spazi, tabs e nuove righe nel tuo programma e sei libero di formattare e indentare i tuoi programmi in un modo ordinato e coerente che faciliti la lettura e la comprensione del codice.

I punti e virgola sono opzionali

Le semplici istruzioni in JavaScript sono generalmente seguite da un carattere il punto e virgola, così come in C, C ++ e Java. JavaScript, tuttavia, ti consente di omettere questo punto e virgola se ciascuna delle tue istruzioni è posizionata su una riga separata. Ad esempio, il seguente codice potrebbe essere scritto senza punto e virgola.

<script language="javascript" type="text/javascript">


var1 = 10
var2 = 20

</script>

oppure

<script language="javascript" type="text/javascript">

var1 = 10; var2 = 20;

</script>

Nota: è buona pratica di programmazione utilizzare il punto e virgola.

Case Sensitivity

JavaScript è un linguaggio sensibile al maiuscolo / minuscolo. Ciò significa che le parole chiave, le variabili, i nomi delle funzioni e qualsiasi altro identificatore della lingua devono sempre essere digitati con una maiuscola coerente di lettere.
Quindi gli identificatori Time e TIME trasmetteranno significati diversi al codice JavaScript.

Nota: presta attenzione durante la scrittura di nomi di variabili e funzioni in JavaScript.

Commenti in Javascript

JavaScript supporta sia commenti in stile C che in C ++. Così:

  • Qualsiasi testo che inizia con // è un commento simile ai commenti in C++ e Javascript ignorerà questa sola riga.
  • Qualsiasi testo tra i caratteri / * e * / viene considerato come un commento. Questo può estendersi su più righe.
  • JavaScript riconosce anche la sequenza di apertura del commento HTML <! — viene considerato come un commento a riga singola, proprio come fa // il commento.
  • La sequenza di chiusura del commento HTML –> non è riconosciuta da JavaScript, quindi dovrebbe essere scritta come // –>.

Esempio:

<script language="javascript" type="text/javascript">
<!--
// Questo è un commento È simile ai commenti in C ++
/*
* Questo è un commento multilinea in JavaScript
* È molto simile ai commenti nella programmazione in C
*/
//-->
</script>

Pensi che posso essere il partner giusto
per la crescita del tuo business?

La mia Newsletter

Vuoi imparare come potenziare il tuo marketing?

Iscriviti per ricevere suggerimenti che aiuteranno la tua attività a distinguersi.

E-letter

Unisciti a Imprenditori e Liberi professionisti per ricevere i migliori contenuti della settimana.

Riceverai ogni settimana nuovi contenuti per chi vuole migliorare le proprie performance di marketing.

  • Risorse, strumenti e lezioni su temi legati al design e comunicazione online
  • Aggiornamenti su tutti progetti in corso
  • Email brevi. No spam.
small_c_popup.png

Contattami per una consulenza senza impegno