HTML
Includi codice JavaScript in HTML
Ricerca…
Sintassi
-
<script type="text/javascript"> //some code </script> -
<script type="text/javascript" src="URL"></script> -
<script type="text/javascript" src="URL" async>//async code</script>
Parametri
| Attributo | Dettagli |
|---|---|
src | Specifica il percorso di un file JavaScript. O un URL relativo o assoluto. |
type | Specifica il tipo MIME. Questo attributo è obbligatorio in HTML4, ma facoltativo in HTML5. |
async | Specifica che lo script deve essere eseguito in modo asincrono (solo per script esterni). Questo attributo non richiede alcun valore (eccetto XHTML). |
defer | Specifica che lo script deve essere eseguito quando la pagina ha terminato l'analisi (solo per script esterni). Questo attributo non richiede alcun valore (eccetto XHTML). |
charset | Specifica la codifica dei caratteri utilizzata in un file di script esterno, ad esempio UTF-8 |
crossorigin | Come l'elemento gestisce le richieste di crossorigin |
nonce | Il nonce crittografico utilizzato in Content Security Policy controlla CSP3 |
Osservazioni
Se il codice JavaScript incorporato (file) viene utilizzato per manipolare http://stackoverflow.com/documentation/javascript/503/document-object-model-dom Elements, posiziona i <script></script> subito prima della chiusura </body> tag o utilizza metodi o librerie JavaScript (come jQuery per gestire una varietà di browser) che assicura che il DOM sia letto e pronto per essere manipolato.
Collegamento a un file JavaScript esterno
<script src="example.js"></script>
L'attributo src funziona come l'attributo href su anchor: puoi specificare un URL assoluto o relativo. L'esempio sopra rimanda a un file all'interno della stessa directory del documento HTML. Questo è tipicamente aggiunto all'interno dei tag <head> nella parte superiore del documento html
Include direttamente il codice JavaScript
Invece di collegare a un file esterno, puoi anche includere il codice JS così com'è nel tuo codice HTML:
<script>
// JavaScript code
</script>
Incluso un file JavaScript in esecuzione in modo asincrono
<script type="text/javascript" src="URL" async></script>
Gestione Javascript disabilitato
È possibile che il browser del client non supporti Javascript o che l'esecuzione di Javascript sia disabilitata, forse per motivi di sicurezza. Per poter dire agli utenti che si suppone che uno script venga eseguito nella pagina, è possibile utilizzare il tag <noscript> . Il contenuto di <noscript> viene visualizzato ogni volta che Javascript è disabilitato per la pagina corrente.
<script>
document.write("Hello, world!");
</script>
<noscript>This browser does not support Javascript.</noscript>