Gli ultimi tutorial di sviluppo web
 

HTML <script> Tag


Esempio

Scrivere "Ciao Javascript!" con JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Prova tu stesso "

Definizione e utilizzo

Il <script> tag viene utilizzato per definire uno script lato client (JavaScript).

Il <script> elemento sia contiene dichiarazioni di scripting, o si punta a un file di script esterno attraverso il src attributo.

Gli usi comuni di JavaScript sono la manipolazione delle immagini, la validazione dei form, e cambiamenti dinamici di contenuti.

Suggerimento: Se si vuole imparare JavaScript, visitare il nostro tutorial JavaScript .


Supporto per il browser

Elemento
<script>

Suggerimenti e Note

Nota: Se la "src" attributo è presente, il <script> elemento deve essere vuoto.

Suggerimento: Anche guardare il <noscript> elemento per gli utenti che hanno gli script disabili nel loro browser, o che hanno un browser che non supporta scripting lato client.

Nota: Ci sono diversi modi uno script esterno può essere eseguita:

  • Se async="async" : lo script viene eseguito in modo asincrono con il resto della pagina (lo script sarà eseguito mentre la pagina continua il parsing)
  • Se async non è presente e defer="defer" : lo script viene eseguito quando la pagina ha terminato l'analisi
  • Se nessuno dei due async o defer è presente: lo script viene recuperato ed eseguito immediatamente, prima che il browser continua l'analisi della pagina

Differenze tra HTML 4.01 e HTML5

Il "type" attributo è richiesto in HTML 4, ma facoltativo in HTML5.

Il "async" attributo è di nuovo in HTML5.

L'attributo HTML 4.01: "xml:space" , non è supportato in HTML5.


Differenze tra HTML e XHTML

In XHTML, il contenuto all'interno di script è dichiarata come #PCDATA (invece di CDATA), il che significa che le entità verranno analizzati.

Ciò significa che in XHTML, tutti i caratteri speciali devono essere codificati, o tutti i contenuti devono essere avvolti all'interno di una sezione CDATA:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

attributi

= Nuovo in HTML5.

Attributo Valore Descrizione
async async Specifica che lo script viene eseguito in modo asincrono (solo per gli script esterni)
charset charset Specifica la codifica dei caratteri utilizzata in un file di script esterno
defer defer Specifica che lo script viene eseguito quando la pagina ha terminato l'analisi (solo per gli script esterni)
src URL Specifica l'URL di un file di script esterno
type media_type Specifica il tipo di supporto dello script
xml:spacepreserve Non supportato in HTML5.
Specifica se gli spazi in codice dovrebbe essere preservata

attributi globali

Il <script> tag supporta anche l' Attributi globali in HTML .


Pagine correlate

HTML tutorial: gli script HTML

Di riferimento HTML DOM: Object Script

JavaScript Tutorial: Scopri JavaScript


Impostazioni predefinite CSS

La maggior parte dei browser visualizzerà il <script> elemento con i seguenti valori di default:

script {
    display: none;
}