English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: <script> etichetta

Il tag HTML <script> viene utilizzato per incorporare o referenziare script client-side (ad esempio JavaScript). Questo tag è anche noto come elemento <script>. Attenzione: non è possibile saltare il tag di apertura e di chiusura.

Esempio online

Estrazione "HTML5 Script Tag Example" tramite JavaScript:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>HTML script tag usage(basic tutorial website oldtoolbag.com)</title> 
<!-- HTML4 and (x)HTML -->
<script type="text/javascript" src="functions.js">
<!-- HTML5 -->
<script src="/js/functions.js"></script>
</head>
<body>
<script type="text/javascript">
  document.write("HTML5 Script Tag Example");</script>
</body>
</html>
Testa e vedrai ‹/›

In questo esempio di documento HTML5, abbiamo utilizzato il tag <script> all'interno del tag <head> per referenziare un file JavaScript chiamato functions.js. Abbiamo anche utilizzato il tag <script> all'interno del tag <body> per stampare il testo "Esempio di tag di script HTML5".

Si prega di notare che:type="text/javascript" Non è necessario il tag <script> nei documenti HTML5.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <script>.

Definizione e istruzioni per l'uso del tag

L'elemento <script> viene utilizzato per definire script client-side, come JavaScript.

<script> l'elemento può contenere istruzioni di script o può puntare a un file di script esterno tramite l'attributo "src".

JavaScript viene generalmente utilizzato per operazioni su immagini, convalida dei moduli e modifiche di contenuti dinamici.

Suggerimenti e avvertenze

Attenzione:Se si utilizza l'attributo "src", l'elemento <script> deve essere vuoto.

Attenzione::Non è possibile saltare l'etichetta di inizio e di fine.

Suggerimento:Vedere: <noscript> L'elemento è molto utile per quegli utenti che hanno disabilitato lo script nel loro browser o il cui browser non supporta i script client-side.

Nota: Ci sono molti modi per eseguire script esterni:

  • Se async="async": lo script viene eseguito asincronamente rispetto al resto della pagina (quando la pagina continua a解析, lo script viene eseguito)

  • Se non si utilizza async e defer="defer": lo script viene eseguito quando la pagina è stata completata la解析

  • Se non si utilizza né async né defer: eseguire e leggere lo script immediatamente prima che il browser continui a解析页面

Differenze tra HTML 4.01 e HTML5

In HTML 4, l'attributo "type" è obbligatorio, ma in HTML5 è opzionale。

L'attributo "async" è una nuova proprietà di HTML5。

HTML5 non supporta alcune proprietà di HTML 4.01: "xml:space"。

Differenze tra HTML e XHTML

In XHTML, la dichiarazione del tipo di contenuto dello script è #PCDATA(al posto di CDATA),cioè vengono解析实体。

Questo significa che in XHTML, tutti i caratteri speciali devono essere codificati o tutti i contenuti devono essere嵌套在内 CDATA 部分中:

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

Proprietà

Nuovo: Proprietà nuove in HTML5.

ProprietàValoreDescrizione
asyncHTML5asyncRegola l'esecuzione asincrona dello script (aplica solo agli script esterni).
charsetcharsetRegola la codifica dei caratteri utilizzata nello script (aplica solo agli script esterni).
deferdeferRegola l'esecuzione dello script quando la pagina è stata completamente解析ata (aplica solo agli script esterni).
srcURLRegola l'URL dello script esterno.
typeMIME-type

Regola il tipo MIME dello script.
text/javascript
text/ecmascript
application/javascript
application/ecmascript

xml:spacepreserveHTML5 non supporta. Regola se mantenere spazi bianchi nel codice.

Proprietà globali

Supporto <script> etichetta Proprietà globali HTML.

Articoli correlati

HTML tutorial:HTML script