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> | sì | sì | sì | sì | sì |
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:space | preserve | 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;
}