Tag HTML <script>

Definizione e uso

<script> Il tag viene utilizzato per inserire script client-side.

<script> L'elemento contiene o meno istruzioni di script, o attraverso Proprietà src Punta a un file di script esterno.

Il tipo di script più utilizzato è JavaScript, ma i browser supportano anche altri linguaggi di script.

L'uso comune di JavaScript è la manipolazione delle immagini, la validazione dei moduli e la modifica dinamica del contenuto.

Nota:Il tipo di elemento script dipende dal suo uso. Gli elementi script situati nell'elemento head sono elementi di metadati, quelli situati in altri elementi (come body o sectionche appartengono agli elementi frase.

Vedere anche:

Manuale HTML:Script HTML

Manuale HTML DOM:Oggetto Script

Manuale JavaScript:Studiare JavaScript

Esempio

Esempio 1: Definire uno script incorporato nel documento

Scrivi "Hello JavaScript!" utilizzando JavaScript:

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

Prova a farlo tu stesso

Esempio 2: Caricare una libreria di script esterna

<script src="simple.js"></script>

Prova a farlo tu stesso

Suggerimenti e commenti

Suggerimento:Per i browser che disabilitano gli script o non supportano gli script, consulta anche Elemento <noscript>.

Suggerimento:Se desideri imparare di più su JavaScript, visita il nostro Corso JavaScript.

Proprietà

Proprietà Valore Descrizione
async async Definire che lo script venga scaricato in parallelo mentre si analizza la pagina e venga eseguito immediatamente quando disponibile (prima della fine dell'analisi) (solo per script esterni).
crossorigin
  • anonymous
  • use-credentials
 Impostare il modello della richiesta come richiesta CORS HTTP.
defer defer Definire che lo script venga scaricato in parallelo mentre si analizza la pagina e venga eseguito dopo che la pagina è stata analizzata (solo per script esterni).
integrity filehash Permettere al browser di controllare lo script ottenuto per assicurarsi che il codice non venga mai caricato se il codice sorgente viene alterato.
nomodule
  • True
  • False
 Definire che lo script non deve essere eseguito nei browser che supportano i moduli ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Definire quali informazioni di riferimento inviare quando si ottiene lo script.
src URL Definire l'URL del file di script esterno.
type Tipo di script Definire il tipo di media dello script.

Differenze tra HTML e XHTML

In XHTML, il contenuto dello script è dichiarato come #PCDATA (invece di CDATA), il che significa che gli entity vengono interpretati.

Questo significa che in XHTML, tutti i caratteri speciali devono essere codificati, o tutto il contenuto deve essere avvolto nella sezione CDATA:

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

Proprietà globali

<script> Il tag supporta anche Proprietà globali HTML.

Impostazioni CSS predefinite

La maggior parte dei browser mostrerà i seguenti valori predefiniti: <script> Elemento:

script {
  display: none;
}

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto