HTML
Inkludera JavaScript-kod i HTML
Sök…
Syntax
-
<script type="text/javascript"> //some code </script> -
<script type="text/javascript" src="URL"></script> -
<script type="text/javascript" src="URL" async>//async code</script>
parametrar
| Attribut | detaljer |
|---|---|
src | Anger sökvägen till en JavaScript-fil. Antingen en relativ eller absolut URL. |
type | Anger MIME-typen. Detta attribut krävs i HTML4, men valfritt i HTML5. |
async | Anger att skriptet ska köras asynkront (endast för externa skript). Detta attribut kräver inget värde (utom XHTML). |
defer | Anger att skriptet ska köras när sidan har slutat analysera (endast för externa skript). Detta attribut kräver inget värde (utom XHTML). |
charset | Anger den teckenkodning som används i en extern skriptfil, t.ex. UTF-8 |
crossorigin | Hur elementet hanterar crossorigin-begäranden |
nonce | Cryptographic nonce som används i Content Security Policy kontrollerar CSP3 |
Anmärkningar
Om den inbäddade JavaScript-koden (filen) används för att manipulera http://stackoverflow.com/documentation/javascript/503/document-object-model-dom Elements, placerar du <script></script> -taggarna strax innan stängningen </body> -tagg eller använd JavaScript-metoder eller bibliotek (till exempel jQuery för att hantera olika webbläsare) som ser till att DOM är läst och redo att manipuleras.
Länkar till en extern JavaScript-fil
<script src="example.js"></script>
src attributet fungerar som href-attributet på ankare: du kan antingen ange en absolut eller relativ URL. Exemplet ovan länkar till en fil i samma katalog i HTML-dokumentet. Detta läggs vanligtvis in i <head> -taggarna högst upp i html-dokumentet
Inkluderar direkt JavaScript-kod
Istället för att länka till en extern fil kan du också inkludera JS-koden som den är i din HTML:
<script>
// JavaScript code
</script>
Inklusive en JavaScript-fil som körs asynkront
<script type="text/javascript" src="URL" async></script>
Hantering avaktiverat Javascript
Det är möjligt att klientläsaren inte stöder Javascript eller har Javascript-körning inaktiverad, kanske av säkerhetsskäl. För att kunna berätta för användare att ett skript är tänkt att köras på sidan kan <noscript> -taggen användas. Innehållet i <noscript> visas när Javascript är inaktiverat för den aktuella sidan.
<script>
document.write("Hello, world!");
</script>
<noscript>This browser does not support Javascript.</noscript>