Tag HTML <script>
Esempio
Scrivi "Ciao JavaScript!" con JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definizione e utilizzo
Il <script>tag viene utilizzato per incorporare uno script lato client (JavaScript).
L' <script>elemento contiene istruzioni di script o punta a un file di script esterno tramite l'attributo src.
Gli usi comuni di JavaScript sono la manipolazione delle immagini, la convalida dei moduli e le modifiche dinamiche del contenuto.
Suggerimenti e note
Suggerimento: guarda anche l' elemento <noscript> per gli utenti che hanno disabilitato gli script nel proprio browser o hanno un browser che non supporta lo scripting lato client.
Suggerimento: se vuoi saperne di più su JavaScript, visita il nostro tutorial JavaScript .
Supporto browser
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Attributi
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
Differenze tra HTML e XHTML
In XHTML, il contenuto all'interno degli script è dichiarato come #PCDATA (anziché CDATA), il che significa che le entità verranno analizzate.
Ciò significa che in XHTML, tutti i caratteri speciali devono essere codificati o tutto il contenuto deve essere racchiuso in una sezione CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Attributi globali
Il <script>tag supporta anche gli attributi globali in HTML .
Pagine correlate
Esercitazione HTML: Script HTML
Riferimento HTML DOM: Script Object
Esercitazione JavaScript: impara JavaScript
Impostazioni CSS predefinite
La maggior parte dei browser visualizzerà l' <script>elemento con i seguenti valori predefiniti:
script {
display: none;
}