HTML
CSS
Introduzione
Coming Soon
JavaScript
PHP
Introduzione
Coming Soon
Generatori
Varie

<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

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: HTMLpreleva codice
  1. <html>
  2.   <head>
  3.     <title>Titolo Documento</title>
  4.  
  5. <script type="text/javascript" src="documento-di-scripting-esterno-1.js"></script>
  6.  
  7.   </head>
  8.   <body>
  9.       Contenuto documento .....
  10.  
  11. <script type="text/javascript" src="documento-di-scripting-esterno-2.js"></script>
  12.  
  13.   </body>
  14. </html>

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

CODE: HTMLpreleva codice
  1. <html>
  2.   <head>
  3.     <title>Titolo Documento</title>
  4.   </head>
  5.   <body>
  6.  
  7. <script type="text/javascript">
  8. // <![CDATA[
  9.    var code = new Date();
  10.    document.write("Hello World! - "+code);
  11. // ]]>
  12. </script>
  13.  
  14.   </body>
  15. </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

Browser Support

Proprietà standard di visualizzazione

CODE: CSSpreleva codice
  1. script {
  2.     display: none;
  3. }

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


I Cookie su questo sito:

Il nostro sito utilizza cookie e altre tecnologie in modo tale che sia noi, sia i nostri partner, possiamo ricordarci di te e capire come tu e gli altri visitatori utilizzate il nostro sito. Qui puoi trovare ulteriori informazioni sui cookie e le altre tecnologie. Chiudendo questo banner o continuando la navigazione acconsenti all'uso dei cookie. Acconsento Info Cookies