HTML handleiding

HTML TUIS HTML Inleiding HTML-redakteurs HTML Basies HTML elemente HTML-kenmerke HTML-opskrifte HTML paragrawe HTML-style HTML-formatering HTML-aanhalings HTML-kommentaar HTML kleure HTML CSS HTML skakels HTML beelde HTML Favicon HTML-tabelle HTML-lyste HTML-blok en inlyn HTML-klasse HTML ID HTML iframes HTML JavaScript HTML-lêerpaaie HTML kop HTML-uitleg HTML reageer HTML Rekenaarkode HTML semantiek HTML-stylgids HTML-entiteite HTML Simbole HTML Emoji's HTML-tekenset HTML URL enkodeer HTML vs. XHTML

HTML -vorms

HTML-vorms HTML-vorm eienskappe HTML-vormelemente HTML-invoertipes HTML-invoerkenmerke HTML-invoervorm-kenmerke

HTML -grafika

HTML-doek HTML SVG

HTML Media

HTML Media HTML-video HTML oudio HTML-inproppe HTML YouTube

HTML API's

HTML geoligging HTML Sleep/Drop HTML-webberging HTML Web Werkers HTML SSE

HTML voorbeelde

HTML voorbeelde HTML vasvra HTML-oefeninge HTML-sertifikaat HTML Opsomming HTML-toeganklikheid

HTML- verwysings

HTML-merkerlys HTML-kenmerke HTML globale kenmerke HTML-blaaierondersteuning HTML-gebeurtenisse HTML kleure HTML-doek HTML oudio/video HTML Doktipes HTML-karakterstelle HTML URL enkodeer HTML-langkodes HTTP-boodskappe HTTP metodes PX na EM-omskakelaar Sleutelbord kortpaaie

HTML JavaScript


JavaScript maak HTML-bladsye meer dinamies en interaktief.


Voorbeeld

My First JavaScript


Die HTML <script> Tag

Die HTML <script>-merker word gebruik om 'n kliënt-kant skrip (JavaScript) te definieer.

Die <script>element bevat óf skrifstellings, óf dit wys na 'n eksterne skriflêer deur die srckenmerk.

Algemene gebruike vir JavaScript is beeldmanipulasie, vormvalidering en dinamiese veranderinge van inhoud.

Om 'n HTML-element te kies, gebruik JavaScript meestal die document.getElementById()metode.

Hierdie JavaScript-voorbeeld skryf "Hallo JavaScript!" in 'n HTML-element met id="demo":

Voorbeeld

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Wenk: Jy kan baie meer oor JavaScript leer in ons JavaScript-tutoriaal .


'n Voorsmakie van JavaScript

Hier is 'n paar voorbeelde van wat JavaScript kan doen:

Voorbeeld

JavaScript kan inhoud verander:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Voorbeeld

JavaScript kan style verander:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Voorbeeld

JavaScript kan eienskappe verander:

document.getElementById("image").src = "picture.gif";


Die HTML <noscript> Tag

Die HTML <noscript>-merker definieer 'n alternatiewe inhoud wat vertoon moet word aan gebruikers wat skrifte in hul blaaier gedeaktiveer het of 'n blaaier het wat nie skrifte ondersteun nie:

Voorbeeld

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

HTML-oefeninge

Toets jouself met oefeninge

Oefening:

Gebruik JavaScript om die HTML-inhoud van die <p>element na "Hallo Wêreld!" te verander.

<body>

<p id="demo">Hallo.</p>

<script>
dokument.("demo").innerHTML = "Hallo Wêreld!";
</script>

</body>


HTML Script Tags

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .