Wat is JavaScript?
JavaScript is de programmeertaal voor het web.
JavaScript kan zowel HTML als CSS bijwerken en wijzigen.
JavaScript kan gegevens berekenen , manipuleren en valideren .
JavaScript-snelstarthandleiding
In deze zelfstudie wordt een korte blik geworpen op de belangrijkste JavaScript-gegevenstypen.
JavaScript-variabelen kunnen zijn:
- Cijfers
- Snaren
- Voorwerpen
- arrays
- Functies
JavaScript-variabelen
JavaScript-variabelen zijn containers voor het opslaan van gegevenswaarden.
In dit voorbeeld zijn x, y en z variabelen:
Voorbeeld
var x = 5;
var y = 6;
var z = x + y;
Uit het bovenstaande voorbeeld kunt u het volgende verwachten:
- x slaat de waarde 5 . op
- y slaat de waarde 6 . op
- z slaat de waarde 11 . op
JavaScript-nummers
JavaScript heeft maar één type nummer. Getallen kunnen met of zonder decimalen worden geschreven.
Voorbeeld
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Alle getallen worden opgeslagen als drijvende-kommagetallen met dubbele precisie.
Het maximale aantal decimalen is 17, maar drijvende komma is niet altijd 100% nauwkeurig:
Voorbeeld
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScript-strings
Strings slaan tekst op . Strings worden tussen aanhalingstekens geschreven. U kunt enkele of dubbele aanhalingstekens gebruiken :
Voorbeeld
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
De lengte van een string wordt gevonden in de ingebouwde eigenschap length :
Voorbeeld
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
JavaScript-objecten
U hebt al geleerd dat JavaScript-variabelen containers voor gegevenswaarden zijn.
Deze code kent een eenvoudige waarde (Fiat) toe aan een variabele met de naam auto:
var car = "Fiat";
Objecten zijn ook variabelen. Maar objecten kunnen veel waarden bevatten.
Deze code kent veel waarden (Fiat, 500, wit) toe aan een variabele met de naam auto:
var car = {type:"Fiat", model:"500", color:"white"};
JavaScript-arrays
JavaScript-arrays worden gebruikt om meerdere waarden in één variabele op te slaan.
Voorbeeld
var cars = ["Saab", "Volvo", "BMW"];
JavaScript-functies
Een JavaScript-functie is een codeblok dat is ontworpen om een bepaalde taak uit te voeren.
Een JavaScript-functie wordt uitgevoerd wanneer "iets" het aanroept (het aanroept).
Voorbeeld
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Wat kan JavaScript doen?
Dit gedeelte bevat enkele voorbeelden van wat JavaScript kan doen:
- JavaScript kan HTML-inhoud wijzigen
- JavaScript kan HTML-kenmerkwaarden wijzigen
- JavaScript kan HTML-stijlen (CSS) wijzigen
- JavaScript kan HTML-elementen verbergen
- JavaScript kan HTML-elementen weergeven
JavaScript kan HTML-inhoud wijzigen
Een van de vele JavaScript HTML-methoden is getElementById() .
Dit voorbeeld gebruikt de methode om een HTML-element te "vinden" (met id="demo") en verandert de elementinhoud ( innerHTML ) in "Hallo JavaScript":
Voorbeeld
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript kan HTML-kenmerkwaarden wijzigen
In dit voorbeeld verandert JavaScript de waarde van het src (source) attribuut van een <img> tag:
De gloeilamp
JavaScript kan HTML-stijlen (CSS) wijzigen
Het wijzigen van de stijl van een HTML-element is een variant van het wijzigen van een HTML-attribuut:
Voorbeeld
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript kan HTML-elementen verbergen
Het verbergen van HTML-elementen kan worden gedaan door de weergavestijl te wijzigen:
Voorbeeld
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript kan HTML-elementen weergeven
Het tonen van verborgen HTML-elementen kan ook door de weergavestijl te wijzigen:
Voorbeeld
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Volledige JavaScript-zelfstudie
Dit is een korte beschrijving van JavaScript.
Ga voor een volledige JavaScript-tutorial naar W3Schools JavaScript-tutorial .
Ga voor een volledige JavaScript-referentie naar W3Schools JavaScript-referentie .