Wat is JavaScript?
JavaScript is die programmeertaal vir die web.
JavaScript kan beide HTML en CSS opdateer en verander.
JavaScript kan data bereken , manipuleer en valideer .
JavaScript Quickstart Tutoriaal
Hierdie handleiding sal vinnig na die belangrikste JavaScript-datatipes kyk.
JavaScript-veranderlikes kan wees:
- Getalle
- Snare
- Voorwerpe
- Skikkings
- Funksies
JavaScript veranderlikes
JavaScript-veranderlikes is houers vir die stoor van datawaardes.
In hierdie voorbeeld is x, y en z veranderlikes:
Voorbeeld
var x = 5;
var y = 6;
var z = x + y;
Uit die voorbeeld hierbo kan jy verwag:
- x stoor die waarde 5
- y stoor die waarde 6
- z stoor die waarde 11
JavaScript-nommers
JavaScript het net een tipe nommer. Getalle kan met of sonder desimale geskryf word.
Voorbeeld
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Alle nommers word gestoor as dubbel-presisie dryfpunt nommers.
Die maksimum aantal desimale is 17, maar swaaipunt is nie altyd 100% akkuraat nie:
Voorbeeld
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScript Strings
Strings stoor teks . Strings word binne aanhalingstekens geskryf. Jy kan enkel- of dubbelaanhalingstekens gebruik :
Voorbeeld
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Die lengte van 'n tou word gevind in die ingeboude eiendom lengte :
Voorbeeld
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
JavaScript-voorwerpe
Jy het reeds geleer dat JavaScript-veranderlikes houers vir datawaardes is.
Hierdie kode ken 'n eenvoudige waarde (Fiat) toe aan 'n veranderlike genaamd motor:
var car = "Fiat";
Voorwerpe is ook veranderlikes. Maar voorwerpe kan baie waardes bevat.
Hierdie kode ken baie waardes (Fiat, 500, wit) toe aan 'n veranderlike genaamd motor:
var car = {type:"Fiat", model:"500", color:"white"};
JavaScript-skikkings
JavaScript-skikkings word gebruik om veelvuldige waardes in 'n enkele veranderlike te stoor.
Voorbeeld
var cars = ["Saab", "Volvo", "BMW"];
JavaScript-funksies
'n JavaScript-funksie is 'n blok kode wat ontwerp is om 'n spesifieke taak uit te voer.
'n JavaScript-funksie word uitgevoer wanneer "iets" dit oproep (dit noem).
Voorbeeld
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Wat kan JavaScript doen?
Hierdie afdeling bevat 'n paar voorbeelde van wat JavaScript kan doen:
- JavaScript kan HTML-inhoud verander
- JavaScript kan HTML-kenmerkwaardes verander
- JavaScript kan HTML-style (CSS) verander
- JavaScript kan HTML-elemente versteek
- JavaScript kan HTML-elemente wys
JavaScript kan HTML-inhoud verander
Een van baie JavaScript HTML-metodes is getElementById() .
Hierdie voorbeeld gebruik die metode om 'n HTML-element te "vind" (met id="demo") en verander die elementinhoud ( innerHTML ) na "Hallo JavaScript":
Voorbeeld
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript kan HTML-kenmerkwaardes verander
In hierdie voorbeeld verander JavaScript die waarde van die src (bron) kenmerk van 'n <img> merker:
Die Gloeilamp
JavaScript kan HTML-style (CSS) verander
Om die styl van 'n HTML-element te verander, is 'n variant van die verandering van 'n HTML-kenmerk:
Voorbeeld
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript kan HTML-elemente versteek
Versteek HTML-elemente kan gedoen word deur die vertoonstyl te verander:
Voorbeeld
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript kan HTML-elemente wys
Om verborge HTML-elemente te wys kan ook gedoen word deur die vertoonstyl te verander:
Voorbeeld
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Volledige JavaScript-tutoriaal
Dit was 'n kort beskrywing van JavaScript.
Vir 'n volledige JavaScript-tutoriaal gaan na W3Schools JavaScript-tutoriaal .
Vir 'n volledige JavaScript-verwysing gaan na W3Schools JavaScript Reference .