Zofie Script @zofiescript-blog - Tumblr Blog

Posts

#Portfolio

number()

Kan gebruikt worden voor eender welke soort datatypes

Booleans (true en false) worden omgezet in 1 en 0

Nummers worden meteen weergegeven als nummers

null returns 0

undefined returns NaN (not an number)

hexadecimale getallen worden omgezet naar het integer waarmee zo overeenkomen

lege strings worden omgezet naar 0

Alle andere waarden worden omgezet naar NaN

Enkele voorbeelden:

"1234blue" --> "1234"

"Hello world" --> "NaN"

"000111" --> "111"

true --> 1

#number()#JavaScript

Gereserveerde woorden in Javascript

ECMA-262, derde editie:

abstract

boolean

byte

char

class

const

debugger

double

enum

export

extends

final

float

goto

implements

import

int

interface

long

native

package

private

protected

public

short

static

super

synchronized

throws

transient

volatile

Non-strict mode, de 5e editie:

class

const

enum

export

extends

import

super

Strict mode, de 5e editie:

implements

interface

let

package

private

protected

public

static

yield

#Gereserveerde woorden #Javascript

Keywords in Javascript

break

case

catch

continue

debugger

default

delete

else

finally

for

function

instanceof

new

return

switch

this

throw

try

typeof

var

void

while

with

#keywords #JavaScript

Basis

Javascript is hoofdlettergevoelig: variabelen, functions en operators

IDENTIFIER:

is de naam van een variabele, functie, property of function argument.

Het eerste karakter met een letter, liggend streepje (_) of een dollarteken zijn.

Alle andere karakters mogen letters, cijfers, dollartekens of liggende streepjes zijn.

Vaak wordt er gebruik gemaakt van "camel casing" zoals bijvoorbeeld: firstSecond

COMMENTS (opmerkingen) kunnen als volgt toegevoegd worden:

// Een opmerking van 1 regel

/* Een opmerking van meerdere regels */

STRICT MODE:

Om de strict mode te activeren voeg je "use strict"; toe bovenaan.

IE 10+, Firefox 4++, Safari 5.1+, Opera 12+ en Chrome ondersteunen de strict mode

"Strict mode is a different parsing and execution model for JavaScript, where some of the erratic behavior of ECMAScript 3 is addressed and errors are thrown for unsafe activities."

STATEMENTS:

Statements worden in de meeste gevallen afgesloten door een ";". Het is niet nodig om dit effectief te doen, maar het wordt wel aangeraden. Het helpt om errors te voorkomen.

Meerdere statements kunnen gecombineerd worden in een "code block" door deze tussen { } te plaatsen zoals bijvoorbeeld: if (test){ test = false; alert(test); }

VARIABELEN:

Bewaart een waarde.

Wordt ook wel eens een placeholder genoemd

gaat vooraf met de var keyword met daarna de naam van de variabele

voorbeeld var variabele;

Als er geen waarde wordt toegekend is de waarde automatisch "undefined"

Soorten waarden:

string

number

boolean

object

function

null

undefined

#variabelen #functies #operators #identifier #comments #strict mode #statements #string #number #boolean #object #null #undefined

JavaScript in HTML

Javascript wordt inline tussen <script> en </script> geplaatste

Er zijn 6 attributen voor het <script> element:

async (zorgt ervoor dat er geen rekening wordt gehouden met de volgorde van de te laden JavaScript-files)

charset

defer (zorgt ervoor dat eerst de pagina wordt ingeladen vooraleer het script wordt uitgevoerd en geldt enkel voor externe JavaScript-files)

language

src

type (text/javascript)

Voorbeeld:

Om JavaScript toe te voegen van uit een externe file moet je de src attribuut gebruiken:

Het is mogelijk om externe JavaScript van andere servers/sites toe te voegen

Meestal wordt deze tussen de <head> en </head> geplaatst, maar dat zorgt ervoor dat uw site iets trager wordt aangezien de browser eerst de volledige JavaScript-file download en dan pas verder gaat met het inladen van de pagina. De pagina zal tijdens het inladen van de file blanco zijn.

#script #JavaScript #Attributen #async #charset #defer #language #src #type

Over Javascript

Javascript heel korte geschiedenis:

JavaScript ontstond in 1995

Had in het begin als hoofddoel om content te valideren (bijvoorbeeld als een invulveld al dan niet werd ingevuld)

Client-side

Ondertussen groeide het tot een volwaardige programmeertaal

Een volledige JavaScript implementatie bestaat uit de volgende drie te onderscheiden onderdelen

The Core (ECMAScript)

The Document Object Model (DOM)

The Browser Object Model (BOM)

DOM

Is een application programming interface (API)

Elke attribuut wordt ook wel een "node" genoemd

Er zijn 4 verschillende interface-types:

DOM Views: to keep track of the various views of a document

DOM Events: describes interfaces for events and event handling

DOM Style: deals with CSS-based styling of elements

DOM Traversal and Range: describes interfaces to traverse and manipulate a document tree

BOM

Allowed access and manipulation of the browser window

developers can interact with the browser outside the context of its displayed page.

Extensie van de BOM:

de mogelijkheid voor pop-up vensters

de mogelijkheid om de vensters te verplaatsen, vergroten of verkleinen of te sluiten.

de navigator object geeft gedetailleerde informatie over de browser

de location object geeft gedetailleerde informatie over de geladen pagina

de screen object geeft gedetailleerde informatie over de schermresolutie van de gebruiker

Cookies support

Custom objecten zoals XMLHttpRequest en IE's ActiveXObject

Trending Blogs

Recently Viewed Blogs

Zofie Script