English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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.IEFirefoxOperaChromeSafari
Tutti i browser mainstream supportano il tag <script>.
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.
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解析页面
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"。
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>
Nuovo: Proprietà nuove in HTML5.
Proprietà | Valore | Descrizione |
---|---|---|
asyncHTML5 | async | Regola l'esecuzione asincrona dello script (aplica solo agli script esterni). |
charset | charset | Regola la codifica dei caratteri utilizzata nello script (aplica solo agli script esterni). |
defer | defer | Regola l'esecuzione dello script quando la pagina è stata completamente解析ata (aplica solo agli script esterni). |
src | URL | Regola l'URL dello script esterno. |
type | MIME-type | Regola il tipo MIME dello script. |
xml:space | preserve | HTML5 non supporta. Regola se mantenere spazi bianchi nel codice. |
Supporto <script> etichetta Proprietà globali HTML.
HTML tutorial:HTML script