Lägga till JavaScript på dina webbsidor
JavaScript förbättrar HTML genom att lägga till interaktivitet. Det finns flera sätt att inkludera JavaScript-kod i ett HTML-dokument.
- Inline: Direkt i HTML-element med hjälp av händelseattribut.
- Internt: Inbäddat i
<script>-taggen i avsnittet<head>eller<body>. - Extern: Länkad som en separat
.js-fil med<script>-taggenssrc-attribut.
Så här använder du varje metod:
- Inline-exempel:
<button onclick="alert('Hello!')">Klicka på mig</button> - Internt exempel:
<script>
console.log("Detta är internt JavaScript.");
</script> - Externt exempel:
<script src="script.js"></script>(Se till attscript.jsfinns i rätt katalog.)
JavaScript-inkluderingsmetoder jämförda
| Metod | Läsbarhet | Underhåll | Återanvändbarhet |
|---|---|---|---|
| Inline | Låg | Mycket låg | Inga |
| Intern | Medium | Låg | Begränsad (inom samma dokument) |
| Extern | Hög | Hög | Hög (över flera dokument) |
För större projekt är externa JavaScript-filer i allmänhet att föredra på grund av deras överlägsna organisation och återanvändbarhet.
Copyright ©backnode.pages.dev 2026