۝ OraWeb.it ۝ <script>

<SCRIPT>

Il tag <script> definisce uno script lato client

Il tag SCRIPT si utilizza per definire uno script lato client e può contenere o dichiarazioni di scripting o puntare ad un file di script esterno tramite l'attributo "src", in questo secondo caso l'elemento deve essere assolutamente vuoto. Da considerare anche l'abbinamento con il tag <noscript> per quegli utenti che disabilitano nel loro browser, o che hanno un browser che non supporta lo scripting client-side.
Il tag SCRIPT è un elemento di tipo inline

HOSTING • VPS • DEDICATED SERVER • HOUSING • SSL • PEC • CLOUD • DOMAIN

HTML

Categoria: Metadata content , Flow content , Phrasing content , Script-supporting elements

Contenuti consentiti: Scripting code (Vedi anche <![CDATA[ * ]]>)

Elementi padre consentiti: Ogni elemento che può contenere Metadata content , Phrasing content , Script-supporting elements

Esempio: Tag SCRIPT

Esempio 1: <SCRIPT> ( file di script esterno )

CODE: HTML preleva codice

```
<html>
```
```
  <head>
```
```
    <title>Titolo Documento</title>
```
```
 
```

<script type="text/javascript" src="documento-di-scripting-esterno-1.js"></script>

```
 
```
```
  </head>
```
```
  <body>
```
```
      Contenuto documento .....
```
```
 
```

<script type="text/javascript" src="documento-di-scripting-esterno-2.js"></script>

```
 
```
```
  </body>
```
```
</html>
```

Esempio 2: <SCRIPT> ( scripting all'interno )

CODE: HTML preleva codice

```
<html>
```
```
  <head>
```
```
    <title>Titolo Documento</title>
```
```
  </head>
```
```
  <body>
```
```
 
```
```
<script type="text/javascript">
```
```
// <![CDATA[
```
```
   var code = new Date();
```

   document.write("Hello World! - "+code);

```
// ]]>
```
```
</script>
```
```
 
```
```
  </body>
```
```
</html>
```

Risultato: <script>

Note:
Il tag script non viene visualizzato dal browser, quello che viene visualizzato nell'esempio è il risultato dello scripting javascript. In passato era prassi utilizzare il tag commento () per raggruppare il codice all'interno dell'emento, al fine di scongiurare eventuali problematiche con l'analisi della pagina, oggi e consigliabile l'utilizzo di <![CDATA[ * ]]> (Character Data) anteponendo i doppi slash (//)

Supporto Browser

Proprietà standard di visualizzazione

CODE: CSS preleva codice

```
script {
```
```
    display: none;
```
```
}
```

Leggenda

= Solo per HTML5

= Non Supportato in HTML5

= Solo per CSS3

= Non Supportato in CSS3

Elenco Attributi:

Attributo	Valore	Descrizione
class	Nome della classe	Specifica il nome della classe a cui appartiene l'elemento
id	id (nome unico)	Specifica il nome unico (id) dell'elemento
style	Defininizione dello stile	Specifica lo stile per l'elemento
title	Testo informativo	Specifica informazioni aggiuntive dell'elemento
lang	Codice linguaggio	Specifica il codice lingua del contenuto negli elementi.
xml:lang	Codice linguaggio	Specifica il codice lingua del contenuto negli elementi in documenti XHTML.
dir	rtl ltr	Specifica la direzione del testo contenuto negli elementi.

src	URL	Specifica la posizione del documento di scripting esterno.
type	media-type	Specifica il tipo di documento collegato
charset	Codifica dei caratteri	Specifica il set di caratteri del documento collegato
xml:space	media-query	Specifica se gli spazi nel codice doverebbero essere preservati
defer	defer	Specifica che lo script deve essere eseguito solo quando la pagina ha terminato l'analisi (solo per gli script esterni)

Elenco Attributi HTML:

accesskey	Valore tasto	una scorciatoia da tastiera per attivare o aggiungere il focus all'elemento
contenteditable	true false	Indica se il contenuto di un elemento è modificabile o meno
contextmenu	menu (id)	Indica un menu contestuale per un elemento, appare il menu contestuale quando un utente fa clic-destro sull'elemento
data-*	Valore	Utilizzato per memorizzare dati personalizzati privati dalla pagina o applicazione
draggable	true false auto	Indica se è possibile trascinare l'elemento
dropzone	copy move link	Indica se i dati trascinati devono essere copiati, spostati, o collegati al rilascio
hidden	hidden	Indica sè un elemento non è visible
itemid	--	API sperimentale (attualmente non deve essere utilizzata)
itemprop	--	API sperimentale (attualmente non deve essere utilizzata)
itemref	--	API sperimentale (attualmente non deve essere utilizzata)
itemscope	--	API sperimentale (attualmente non deve essere utilizzata)
itemtype	--	API sperimentale (attualmente non deve essere utilizzata)
spellcheck	true false	Indica se l'elemento ha controllo ortografico e grammaticale
tabindex	Numero	Sovrascrive l'ordinamento della tabella impostato di default dal browser e segue quello specificato
translate	yes no	Indica se il contenuto di un elemento dovrebbe essere tradotto

	async	async	Indica che lo script viene eseguito in modo asincrono (solo per gli script esterni)
	crossorigin	anonymous use-credentials	Indica un controllo per gli script che si ottengono da terze parti, se indicare l'informazione di errore

Note:
Esistono diversi modi per eseguire uno script esterno :
Se l'attributo async="async" e presente, lo script viene eseguito in modo asincrono con il resto della pagina (lo script sarà eseguito mentre la pagina continua l'analisi)
Se l'attributo "async" non è presente e l'attributo def="def" e presente, lo script viene eseguito quando la pagina ha terminato l'analisi
Se nessuno degli attributi "async" o "def" è presente, lo script viene recuperato ed eseguito immediatamente, prima che il browser continui l'analisi della pagina

<SCRIPT>

Il tag <script> definisce uno script lato client

HTML

Esempio: Tag SCRIPT

Supporto Browser

Proprietà standard di visualizzazione

Leggenda

Follow us

Quick Links

Information

Contact Information