l'objet global window - javascript tome vii

L'OBJET GLOBAL WINDOW
JAVASCRIPT (Programmation Internet) VOL. VII
(Pour débutant)
J.B. Dadet DIASOLUKA Luyalu Nzoyifuanga
+243 - 851278216 - 899508675 - 991239212 - 902263541 - 813572818
La dernière révision de ce texte est disponible sur CD.
CHAPITRE 13 : L’objet global « window » :
L’objet global window est le conteneur de toutes les propriétés et fonc-
tions globales et d’accès direct, c’est-à-dire accessibles sans le préfixe
« window. »
Comme tout objet, l’objet global « window » comporte des propriétés
et des méthodes qui peuvent êtres propres (définies dans le corps du
constructeur et donc non héritables) ou issues de son prototype
(hértables).
Par exemple, la méthode « window . btoa ( ) » ou simplement « btoa ( )
» [= binary to alpha = "ASCII vers texte ordinaire"] set à encoder en vue
d'une transmission, des données qui pourraient causer problèmes par
exemple de communication (ASCII 0 à 31) : par exemple le « ^C » com-
mande habituellement de canceler (risque de canceler la transmis-
sion), le « ^Z » indique la fin (risque de mettre fin à la chaîne trans-
mise), ... .
Pour reconvertir (décoder) après transmission les caractères ainsi enco-
dées on utilise la méthode « window . atob ( ) » ou simplement « atob
( ) » [= alpha to binary = "texte ordinaire" vers ASCII].

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-VII
L’objet global «window» 2/105 vendredi, 31. mai 2019 (7:44 )
Ce n'est pas vraiment pour crypter les messages, bien que ça puisse
dans une certaine mesure aider à ce faire.
<script type="text/javascript"> "use strict";
var s = `Texte Original`;
var encodees = window.btoa(s); // encode chaîne
var decodees = window.atob(encodees); // décode chaîne
console.log(`« ${encodees} » , « ${decodees} »`);
var t="";
for(let k in encodees) t+=encodees.charCodeAt(k)+" ";
console.log(t);
var t="";
for(let k in decodees) t+=decodees.charCodeAt(k)+" ";
console.log(t);
</script>
La propriété (objet global) « window . sessionStorage » ou tout sim-
plement « sessionStorage », utilise un objet « Storage » valable pour la
session de navigation en cours et pour les pages du même domaine que
la page en cours. « sessionStorage » est similaire à « Window . localSto-
rage », sauf que la durée de vie des données enregistrées dans « ses-
sionStorage » est limitée (ils expirent à la fin de la session de navigation
actuelle), contrairement aussi aux données des « cookies ».
<script type="text/javascript">
"use strict"; const cl=console.dir;
const p="file:///H:/DADET/PROGS/quora.html.bak";
// Enregistrer des données dans sessionStorage
sessionStorage.setItem('opened', p);
sessionStorage.setItem('sessionID', "1234");
// Récupérer des données depuis sessionStorage
var page = sessionStorage.getItem('opened');

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-VII
L’objet global «window» 3/105 vendredi, 31. mai 2019 (7:44 )
cl(page);
cl(sessionStorage.key);
window.open(page);
var sID = sessionStorage.getItem('sessionID');
cl(sID);
// Eviter d'ouvrir la même page deux fois.
if(page===p)cl("ja apertu");
else window.open(p);
// Supprimer des données de sessionStorage
sessionStorage.removeItem('opened');
var page = sessionStorage.getItem('opened');
cl(page);
cl(sID);
// Supprimer toutes les données de sessionStorage
sessionStorage.clear();
cl(sID);
var sID = sessionStorage.getItem('sessionID');
cl(page);
cl(sID);
// Encore ajout de données
sessionStorage.setItem('opened',"dummy");
var page = sessionStorage.getItem('opened');
window.open(page);
cl(page);
</script>

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-VII
L’objet global «window» 4/105 vendredi, 31. mai 2019 (7:44 )
Le détail du prototype ci-dessus :
Pour obtenir les noms de toutes les propriétés propres d’un objet (ses
propres méthodes = fonctions), qui n’appartiennent pas à son proto-
type, on utilise la méthode getOwnPropertyNames(obj) de l’objet Ob-
ject [ Object.getOwnPropertyNames(obj) ], ou ownKeys(obj) de l’objet
Reflect [ Reflect.ownKeys(obj) ].

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-VII
L’objet global «window» 5/105 vendredi, 31. mai 2019 (7:44 )
Voici les 812 propriétés [et méthodes = fonctions] que ça donne à la
console du navigateur Opéra pour l’objet [global] window.
C’est comme un catalogue, quand on veut utiliser une propriété de cet
objet global window ou simplement connaître les propriétés globales
disponibles.
Voici la structure de « window » en tapant « window » au prompt (ligne
de commande) de la console du browser Firefox ou « con-
sole.log(window) » avec Yandex :
Avec Firefox :