Show Menu
Cheatography

javascript-UABT Cheat Sheet by

javascript javascript javascript javascript javascript javascript

Attributs d’évèn­ements

onload
Après le chargement de la page
oncl­ick
Après avoir cliqué sur l’élément (un bouton, champ input,...)
ondb­lcl­ick
Après un double clic sur l’élément
onin­put
Après avoir saisi une valeur dans l’élément
onch­ange
Après avoir changé la valeur de l’élément
onse­lect
Après avoir sélect­ionné une partie du texte de l’élément
oncopy
Après avoir copié une partie du texte de l’élément
oncut
Après avoir coupé une partie du texte de l’élément
onpa­ste
Après avoir collé un texte dans l’élément
onre­set
Après avoir cliqué sur le bouton reset d’un formulaire
onsu­bmit
Après avoir cliqué sur le bouton submit d’un formulaire
onke­yup
Après avoir relâché le bouton du clavier
onke­ydown
Après avoir cliqué sur n’importe quel bouton du clavier

Assign­­ments

x = y
Sets x to the value of y
x += y
Same as x = x + y
x -= y
Same as x = x - y
x *= y
Same as x = x * y
x /= y
Same as x = x / y
x %= y
Same as x = x % y
 

Fonctions

typeof
Retourne le type d’un opérande
pars­eIn­t()
Conver­sions entre String et Number
pars­eFl­oat()
Conver­sions entre String et Float
isNa­N(A)
Tester si A n'est pas un nombre
prom­pt()
Boite de saisie de valeur
conf­irm()
Boite de confir­mation
getE­le­­men­­ts­B­y­Ta­­gNa­me()
Regarde sur DOM
getE­le­­men­­tB­yId()
Regarde sur DOM
getE­le­­men­­ts­B­y­Cl­­ass­­Na­me()
Regarde sur DOM

Operators

x + y (numer­ic)
Adds x and y together
x + y (string)
Concat­­inates x and y together
x - y
Subtracts y from x
x * y
Multiplies x and y together
x / y
Divides x by y
x % y
Modulus: The remainder when x is divided by y
x++, ++x
Adds one to x
x--, --x*
Subtracts one from x
-x
Reverses the sign on x
 

Le DOM HTML

Qu’est-ce que c’est ?

 Document Object Model: Représ­ent­ation du document HTML à base d’objets.
 C’est une API de progra­mmation (c.-à-d. un ensemble de classes, de méthodes, ou d’objets prédéf­inies à utiliser).
 Permet de manipuler le contenu d’un document HTML :
- Accéder aux éléments HTML (à leurs propri­étés, leurs conten­us,...).
- Modifier les différ­entes parties d’un document HTML (supprimer des éléments existants, ajouter de nouveaux élémen­ts,...).
 L’objet prédéfini document représente tout le document HTML.
 Autres objets prédéf­inis: window, event.

Opérations sur les tableaux et Les chaînes

* Opérations sur les tableaux *
.pus­h()
Ajouter des éléments à la fin
.uns­hif­t()
Ajouter des éléments au début
..sh­ift()
Supprimer le premier élément
.pop()
Supprimer le dernier élément
.rev­ers­e()
Inverser le tableau
.sli­ce(0, 2)
Sélect­ionner une partie
.sor­t()
Trier un tableau
* Les chaînes de caractères *
.len­gth
Taille
.cha­rAt­(0)
Caractère à un indice donné
.sli­ce(3, 9)
Sélect­ionner une partie
.spl­it(­" ")
Découper une chaîne
.toL­owe­rCa­se()
Écriture en minuscule
.toU­ppe­rCa­se()
Écriture en majuscule
 

DOM propriétés

.value
La valeur de l’attribut value (éléments input, progress, option)
.tex­tCo­ntent
La valeur textuelle des éléments label, p, textarea, td,...
.sty­le.c­olor
La couleur du texte
.sty­le.w­idth
La largeur de l’élément
.sty­le.h­ei­ght
La hauteur de l’élément
.sty­le.b­or­der­Color
La couleur de la bordure
.sty­le.b­or­der­Style
Le style de la bordure
.sty­le.b­ac­hgr­oun­dCo­lor
La couleur du fond
.sty­le.f­on­tFa­mily
La police du texte
.sty­le.t­ex­tAl­ign
L’alig­nement du texte
.inn­erH­TML
Retourne le code HTML du contenu de l’élément

Compar­­isons

x == y
Returns true if x and y are equal
x === y
Returns true if x and y are identical
x != y
Returns true if x and y are not equal
x !== y
Returns true if x and y are not identical
x > y
Returns true if x is greater than y
x >= y
Returns true if x is greater than or equal to y
x < y
Returns true if x is less than y
x <= y
Returns true if x is less than or equal to y
x && y
Returns true if both x and y are true
x || y
Returns true if either x or y are true
!x
Returns true if x is false
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.