Top 100 des questions et réponses d'entretien JavaScript (2024)

Voici les questions et réponses d'entretien en JavaScript destinées aux candidats les plus récents et les plus expérimentés pour obtenir l'emploi de leurs rêves.

 

Questions d'entretien JavaScript pour les débutants

1. Qu'est-ce que JavaScript?

JavaScript est un langage de script côté client très puissant. JavaScript est principalement utilisé pour améliorer l'interaction d'un utilisateur avec la page Web. En d’autres termes, vous pouvez rendre votre page Web plus vivante et interactive grâce à JavaScript. JavaScript est également largement utilisé dans le développement de jeux et d’applications mobiles.

👉 Téléchargement PDF gratuit : Questions et réponses d'entretien JavaScript >>


2. Énumérer les différences entre Java et JavaScript ?

Java est un langage de programmation complet. En revanche, JavaScript est un programme codé qui peut être introduit dans les pages HTML. Ces deux langages ne sont pas du tout interdépendants et sont conçus dans un but différent. Java est une programmation orientée objet (OOPS) ou des langages de programmation structurés comme C++ ou C, alors que JavaScript est un langage de script côté client.


3. Que sont les types de données JavaScript ?

Following sont les types de données JavaScript :

  • Numéro
  • Chaîne
  • Boolean
  • Objet
  • Indéfini

4. À quoi sert la fonction isNaN ?

La fonction isNan renvoie vrai si l'argument n'est pas un nombre ; autrewise, C'est faux.


5. Qu'est-ce qui est le plus rapide entre JavaScript et un script ASP ?

JavaScript est plus rapide. JavaScript est un langage côté client et n'a donc pas besoin de l'aide du serveur Web pour s'exécuter. D'un autre côté, ASP est un langage côté serveur et est donc toujours plus lent que JavaScript. Javascript est désormais également un langage côté serveur (nodejs).


6. Qu’est-ce que l’infini négatif ?

Negative Infinity est un nombre en JavaScript qui peut être dérivé en divisant un nombre négatif par zéro.


7. Est-il possible de diviser le code JavaScript en plusieurs lignes ?

La rupture dans une instruction de chaîne peut être effectuée en utilisant une barre oblique inverse « \ » à la fin de la première ligne.

Mise en situation :

document. Write ("This is \a program,");

Et si vous passez à une nouvelle ligne alors que vous n'êtes pas dans une instruction de chaîne, javaScript ignore le saut de ligne.

Mise en situation :

var x=1, y=2,
z=
x+y;

Le code ci-dessus est parfaitement correct, bien que déconseillé car il gêne le débogage.


8. Quelle entreprise a développé JavaScript ?

Netscape est l'éditeur de logiciels qui a développé JavaScript.


9. Que sont les variables non déclarées et non définies ?

Les variables non déclarées sont celles qui n'existent pas dans un programme et ne sont pas déclarées. Si le programme tente de lire la valeur d'une variable non déclarée, une erreur d'exécution se produit.

Les variables non définies sont celles qui sont déclarées dans le programme mais auxquelles aucune valeur n'a été attribuée. Si le programme essaie de lire la valeur d'une variable non définie, une valeur non définie est renvoyée.


10. Écrire le code pour ajouter dynamiquement de nouveaux éléments ?

<html> 
<head> 
<title>t1</title> 
<script type="text/javascript"> 
    function addNode () { var newP = document. createElement("p"); 
    var textNode = document.createTextNode(" This is a new text node"); 
    newP.appendChild(textNode); document.getElementById("firstP").appendChild(newP); } 
</script> </head> 
<body> <p id="firstP">firstP<p> </body> 
</html>

11. Que sont les variables globales ? Comment ces variables sont-elles déclarées ?

Les variables globales sont disponibles sur toute la longueur du code afin qu'il n'ait aucune portée. Le mot clé var est utilisé pour déclarer une variable locale ou un objet. Si le mot clé var est omis, une variable globale est déclarée.

Mise en situation :

// Déclarez un global : globalVariable = « Test » ;

Les problèmes rencontrés lors de l'utilisation de variables globales sont le conflit des noms de variables de portée locale et globale. De plus, il est difficile de déboguer et de tester le code qui repose sur des variables globales.


12. Qu'est-ce qu'une invite box?

Une invite box est une box qui permet à l'utilisateur de saisir une saisie en fournissant un texte box. Une étiquette et box sera fourni pour saisir le texte ou le numéro.


13. Qu'est-ce que le mot-clé « ce » en JavaScript ?

Le mot-clé « Ce » fait référence à l'objet à partir duquel il a été appelé.


14. Quel est le fonctionnement des minuteries en JavaScript ?

Les minuteries sont utilisées pour exécuter un morceau de code à une heure définie ou répéter le code dans un intervalle donné. Cela se fait en utilisant les fonctions setTimeout, setIntervalle, et effacerIntervalle.

Le setTimeout (fonction, délai) La fonction est utilisée pour démarrer une minuterie qui appelle une fonction particulière après le délai mentionné. Le setInterval (fonction, délai) La fonction exécute à plusieurs reprises la fonction donnée dans le délai mentionné et ne s'arrête qu'en cas d'annulation. Le clearInterval(id) La fonction demande à la minuterie de s'arrêter.

Les minuteries fonctionnent au sein d'un seul thread et les événements peuvent donc être mis en file d'attente, en attente d'exécution.


15. Quel symbole est utilisé pour les commentaires en Javascript ?

// pour les commentaires sur une seule ligne et

/* Multi

Gamme

Commentaires

*/


16. Quelle est la différence entre ViewState et SessionState ?

  • 'ViewState' est spécifique à une page d'une session.
  • « SessionState » est spécifique aux données spécifiques à l'utilisateur accessibles sur toutes les pages de l'application Web.

17. Qu'est-ce que l'opérateur === ?

=== est appelé un opérateur d'égalité stricte, qui renvoie vrai lorsque les deux opérandes ont la même valeur sans conversion.


18. Comment soumettre un formulaire en utilisant JavaScript ?

Pour soumettre un formulaire en utilisant JavaScript, utilisez

document.form[0].submit();
document.form[0].submit();

19. JavaScript prend-il en charge la conversion de type automatique ?

Oui, JavaScript prend en charge la conversion de type automatique. C'est la méthode courante de conversion de type utilisée par les développeurs JavaScript.


20. Comment modifier le style/la classe d'un élément ?

Cela peut être fait de la manière suivantewing façon:

document.getElementById("myText"). style. fontSize = "20";

or

document. getElementById ("myText"). className = "anyclass";

21. Comment lire et écrire un fichier en utilisant JavaScript ?

Il existe deux façons de lire et d'écrire un fichier en utilisant JavaScript

  • Utilisation des extensions JavaScript
  • Utiliser une page Web et des objets Active X

22. Quelles sont toutes les structures de boucle en JavaScript ?

Following sont des structures en boucle en Javascript :

  • Pour
  • Tandis que
  • Faire des boucles pendant que

23. Qu'appelle-t-on saisie de variables en Javascript ?

La saisie de variable est utilisée pour attribuer un numéro à une variable. La même variable peut être affectée à une chaîne.

Mise en situation :

i = 10;
i = "string;"

C'est ce qu'on appelle le typage de variables.


24. Comment pouvez-vous convertir la chaîne de n'importe quelle base en un entier en JavaScript ?

La fonction parseInt() est utilisée pour convertir des nombres entre différentes bases. parseInt() prend la chaîne à convertir comme premier paramètre. Le deuxième paramètre est la base de la chaîne donnée.

Pour convertir 4F (ou base 16) en entier, le code utilisé sera –

parseInt ("4F", 16);

25. Différence entre « == » et « === » ?

« == » vérifie uniquement l'égalité en valeur, tandis que « === » est un test d'égalité plus strict et renvoie false si la valeur ou le type des deux variables sont différents.


Questions d'entretien JavaScript pour les expérimentés

26. Quel serait le résultat de 3+2+”7″ ?

Puisque 3 et 2 sont des nombres entiers, ils seront additionnés numériquement. Et puisque 7 est une chaîne, sa concaténation se fera. Le résultat serait donc 57.


27. Comment détecter le système d'exploitation sur la machine client ?

Afin de détecter le système d'exploitation sur la machine client, le navigateur. La chaîne de plate-forme (propriété) doit être utilisée.


28. Qu'entendez-vous par NULL en Javascript ?

La valeur NULL est utilisée pour représenter aucune valeur ou aucun objet. Cela n'implique aucun objet ou chaîne nulle, aucune valeur booléenne valide, aucun nombre et aucun objet tableau.


29. Quelle est la fonction de l'opérateur de suppression ?

Le mot-clé delete est utilisé pour supprimer la propriété ainsi que sa valeur.

Exemple

var student= {age:20, batch:"ABC"};
Delete student. age;

30. Qu'est-ce qu'une valeur non définie en JavaScript ?

Une valeur non définie signifie que

  • La variable utilisée dans le code n'existe pas
  • La variable n'est affectée à aucune valeur
  • La propriété n'existe pas.

31. Quels sont tous les types de Pop up boxest-il disponible en JavaScript ?

  • Alerte
  • Confirmer et
  • Prompt

32. A quoi sert Void (0) ?

Void(0) est utilisé pour empêcher l'actualisation de la page et le paramètre « zéro » est passé lors de l'appel.

Void(0) est utilisé pour appeler une autre méthode sans actualiser la page.


33. Comment forcer une page à charger une autre page en JavaScript ?

Le following le code doit être inséré pour obtenir l’effet souhaité :

<script language="JavaScript" type="text/javascript" >
<!-- location. href="https://www.guru99.com/javascript-interview-questions-answers.html"; //--></script>

34. Quel est le type de données des variables en JavaScript ?

Toutes les variables en JavaScript sont des types de données d'objet.


35. Quelle est la différence entre une alerte box et une confirmation box?

Une alerte box affiche un seul bouton, qui est le bouton OK.

Mais une confirmation box affiche deux boutons, à savoir OK et annuler.


36. Que sont les caractères d'échappement ?

Les caractères d'échappement (barre oblique inverse) sont utilisés lorsque vous travaillez avec des caractères spéciaux tels que des guillemets simples, double guillemets, apostrophes et esperluettes. Placez une barre oblique inverse avant les caractères pour l'afficher.

Mise en situation :

document. write "I m a "good" boy."
document. write "I m a \"good\" boy."

37. Que sont les cookies JavaScript ?

Cookies sont de petits fichiers de test stockés dans un ordinateur et ils sont créés lorsque l'utilisateur visite les sites Web pour stocker les informations dont il a besoin. Des exemples pourraient être le nom d'utilisateur details et les informations sur le panier des visites précédentes.


38. Qu'est-ce qu'une méthode pop() en JavaScript ?

La méthode pop() est similaire à la méthode shift(), mais la différence est que la méthode Shift fonctionne au début du tableau. La méthode pop() supprime le dernier élément du tableau donné et le renvoie. Le tableau sur lequel il est appelé est alors modifié.

Mise en situation :

var cloths = ["Shirt", "Pant", "TShirt"];
cloths.pop();
//Now cloth becomes Shirt,Pant

39. JavaScript a-t-il une portée au niveau du concept ?

Non. JavaScript n'a pas de portée au niveau du concept. La variable déclarée dans la fonction a une portée à l'intérieur de la fonction.


40. Quels sont les inconvénients de l’utilisation de innerHTML en JavaScript ?

Si vous utilisez innerHTML en JavaScript, l'inconvénient est

  • Le contenu est remplacé partout
  • Nous ne pouvons pas l'utiliser comme « ajouter à innerHTML
  • Même si vous utilisez +=like « innerHTML = innerHTML + 'html' » l'ancien contenu est toujours remplacé par html
  • L'intégralité du contenu innerHTML est ré-analysée et transformée en éléments. C'est donc beaucoup plus lent
  • Le innerHTML ne fournit pas de validation, et nous pouvons donc potentiellement insérer du HTML valide et cassé dans le document et le casser

41. Que sont les instructions break et continue ?

L'instruction Break sort de la boucle actuelle.

L'instruction Continue continue avec l'instruction suivante de la boucle.


42. Quels sont les deux groupes de base de types de données en JavaScript ?

  • Ils sont aussi primitifs
  • Types de référence

Les types primitifs sont des types de données numériques et booléens. Les types de référence sont plus complex types comme les chaînes et les dates.


43. Comment créer des objets génériques ?

Les objets génériques peuvent être créés comme :

var I = new object();

44. A quoi sert un type d'opérateur ?

'Typeof' est un opérateur utilisé pour renvoyer une chaîne de description du type d'une variable.


45. Quels mots-clés sont utilisés pour gérer les exceptions ?

Essayez… Catch – enfin est utilisé pour gérer les exceptions dans JavaScript

Try{
    Code
}
Catch(exp){
    Code to throw an exception.
}
Finally{
    Code runs either it finishes successfully or after catch
}

46. ​​Quel mot-clé est utilisé pour imprimer le texte à l'écran ?

Document. Write (« Bienvenue ») est utilisé pour imprimer le texte – Bienvenue à l’écran.


47. A quoi sert la fonction flou ?

La fonction Flou est utilisée pour supprimer le focus de l'objet spécifié.


48. Qu'est-ce que le typage variable?

La saisie de variable attribue un numéro à une variable, puis attribue une chaîne à la même variable. Un exemple est le suivant :

i= 8;
i="john";

49. Comment trouver un système d'exploitation sur la machine client à l'aide de JavaScript ?

Le »Navigateur. la version de l'application est utilisée pour rechercher le nom du système d'exploitation sur la machine client.


50. Quels sont les différents types d'erreurs dans JavaScript?

Il existe trois types d'erreurs :

  • Erreurs de temps de chargement: Les erreurs qui surviennent lors du chargement d'une page Web, comme les erreurs de syntaxe incorrecte, sont appelées erreurs de temps de chargement et génèrent les erreurs de manière dynamique.
  • Erreurs d'exécution: Erreurs dues à une mauvaise utilisation de la commande dans le langage HTML.
  • Erreurs logiques: Ce sont les erreurs qui se produisent en raison d'une mauvaise logique exécutée sur une fonction avec une opération différente.

Questions d'entretien JavaScript pour 5 ans d'expérience

51. A quoi sert la méthode Push en JavaScript ?

La méthode push est utilisée pour ajouter ou ajouter un ou plusieurs éléments à la fin d'un tableau. En utilisant cette méthode, nous pouvons ajouter plusieurs éléments en passant plusieurs arguments.


52. Quelle est la méthode unshift en JavaScript ?

La méthode Unshift est comme la méthode push, qui fonctionne au début du tableau. Cette méthode est utilisée pour ajouter un ou plusieurs éléments au début du tableau.


53. Quelle est la différence entre JavaScript et Jscript ?

Les deux sont presque similaires. Netscape et Jscript développent JavaScript a été développé par Microsoft.


54. Comment les propriétés des objets sont-elles attribuées ?

Les propriétés sont attribuées aux objets dans la suitewing chemin -

obj ["class"] = 12;
or
obj.class = 12;

55. Qu'est-ce que le « mode strict » en JavaScript et comment peut-il être activé ?

Le mode strict ajoute certaines contraintes à JavaScript. En mode strict, JavaScript affiche les erreurs pour un morceau de code, qui n'a pas montré d'erreur auparavant, mais qui peut être problématique et potentiellement dangereux. Le mode strict résout également certaines erreurs qui entravent le fonctionnement efficace des moteurs JavaScript.

Le mode strict peut être activé en ajoutant la chaîne littérale « use strict » au-dessus du fichier. Cela peut être illustré par l’exemple donné :

function myfunction() {
    "use strict;"
    var v = "This is a strict mode function";
}

56. Quel est le moyen d'obtenir le statut d'un chèqueBox?

Le statut peut être acquis comme suit –

 alert(document.getElementById('checkbox1').checked); 

Si le chèqueBox est cochée, cette alerte renverra TRUE.


57. Comment détecter le système d'exploitation de la machine client ?

Le navigateur. La chaîne appVersion peut être utilisée pour détecter le système d’exploitation sur la machine client.


58. Qu'est-ce qu'un window.onload et un onDocumentReady ?

La fonction onload n'est pas exécutée tant que toutes les informations de la page ne sont pas chargées. Cela entraîne un délai substantiel avant l’exécution d’un code.

onDocumentReady charge le code juste après le chargement du DOM. Cela permet une manipulation précoce du code.


59. Comment fonctionnent les fermetures en JavaScript ?

La fermeture est une variable déclarée localement liée à une fonction qui reste en mémoire lors de son retour.

Par exemple :

function greet(message) {
    console.log(message);
}
function greeter(name, age) {

    return name + " says howdy!! He is " + age + " years old";
}
// Generate the message
var message = greeter("James", 23);
// Pass it explicitly to greet
greet(message);
This function can be better represented by using closures
function greeter(name, age) {
    var message = name + " says howdy!! He is " + age + " years old";
    return function greet() {
        console.log(message);
    };
}
// Generate the closure
var JamesGreeter = greeter("James", 23);
// Use the closure
JamesGreeter();

60. Comment une valeur peut-elle être ajoutée à un tableau ?

Une valeur peut être ajoutée à un tableau de la manière indiquée :

 
arr[arr.length] = value; 

61. Qu'est-ce que la boucle for-in en Javascript ?

La boucle for-in est utilisée pour parcourir les propriétés d’un objet.

La syntaxe de la boucle for-in est :

for (variable name in object){
    statement or block to execute
}

A chaque répétition, une propriété de l'objet est associée au nom de la variable. La boucle se poursuit jusqu'à ce que toutes les propriétés de l'objet soient épuisées.


62. Quelles sont les propriétés importantes d'une fonction anonyme en JavaScript ?

Une fonction déclarée sans aucun identifiant nommé est appelée fonction anonyme. En général, une fonction anonyme est inaccessible après sa déclaration.

Déclaration de fonction anonyme –

var anon = function() {
    alert('I am anonymous');
};
anon();

63. Quelle est la différence entre .call() et .apply() ?

Les fonctions .call() et .apply() sont très similaires dans leur utilisation, à l'exception d'une petite différence. .call() est utilisé lorsque le nombre d'arguments de la fonction est connu du programmeur, car ils doivent être mentionnés comme arguments dans l'instruction d'appel. D'un autre côté, .apply() est utilisé lorsque le numéro n'est pas connu. La fonction .apply() s'attend à ce que l'argument soit un tableau.

La différence fondamentale entre .call() et .apply() réside dans la manière dont les arguments sont transmis à la fonction. Leur utilisation peut être illustrée par l’exemple donné.

var someObject = {
myProperty : 'Foo',

myMethod : function(prefix, postfix) {

    alert(prefix + this.myProperty + postfix);
}
};
someObject.myMethod('<', '>'); // alerts '<Foo>'
var someOtherObject  = {

    myProperty : 'Bar.'

};
someObject.myMethod.call(someOtherObject, '<', '>'); // alerts '<Bar>'

someObject.myMethod.apply(someOtherObject, ['<', '>']); // alerts '<Bar>'

64. Qu'est-ce qu'un événement bouillonnant ?

JavaScript permet aux éléments DOM d'être imbriqués les uns dans les autres. Dans un tel cas, si l'on clique sur le gestionnaire de l'enfant, le gestionnaire du parent fonctionnera également comme s'il avait également été cliqué.


65. JavaScript est-il sensible à la casse ? Donnez son exemple.

Oui, JavaScript est sensible à la casse. Par exemple, une fonction parseInt n'est pas la même chose que la fonction Parseint.


66. Quels opérateurs booléens peuvent être utilisés en JavaScript ?

L'opérateur « Et » (&&), l'opérateur « Ou » (||) et l'opérateur « Non » (!) peuvent être utilisés en JavaScript.

*Les opérateurs sont sans parenthèses.


67. Comment cibler un cadre particulier, à partir d'un lien hypertexte, en JavaScript ?

Cela peut être fait en incluant le nom du cadre requis dans le lien hypertexte à l'aide de l'attribut « cible ».

<a href="/fr/newpage.htm" target="newframe">>New Page</a>

68. Quel est le rôle des instructions break et continue ?

L'instruction break est utilisée pour sortir de la boucle actuelle. En revanche, l'instruction continue continue la boucle en cours avec une nouvelle récurrence.


69. Écrivez la différence entre un jardin Web et une ferme Web ?

Web-garden et Web-farm sont tous deux des systèmes d’hébergement Web. La seule différence est que Web-Garden est une configuration qui comprend de nombreux processeurs sur un seul serveur. Dans le même temps, la ferme Web est une configuration plus grande qui utilise plusieurs serveurs.


70. Comment les propriétés des objets sont-elles attribuées ?

L'attribution de propriétés aux objets se fait de la même manière qu'une valeur est attribuée à une variable. Par exemple, la valeur d'action d'un objet de formulaire est affectée à « soumettre » dans la suite.wing manière – Documenter. form.action = "soumettre"


71. Quelle est la méthode pour lire et écrire un fichier en JavaScript ?

Cela peut être fait en utilisant des extensions JavaScript (exécutées depuis l'éditeur JavaScript), par exemple, pour l'ouverture d'un fichier :

 fh = fopen(getScriptPath(), 0);

72. Comment le DOM est-il utilisé en JavaScript ?

DOM signifie Document Object Model et est responsable de la manière dont les différents objets d'un document interagissent les uns avec les autres. DOM est requis pour développer des pages Web, qui incluent des objets tels que des paragraphes, des liens, etc. Ces objets peuvent être utilisés pour inclure des actions telles que l'ajout ou la suppression. DOM est également requis pour ajouter des fonctionnalités supplémentaires à une page Web. De plus, l’utilisation de l’API donne un avantage par rapport aux autres modèles existants.


73. Comment les gestionnaires d'événements sont-ils utilisés en JavaScript ?

Les événements sont les actions qui résultent d'activités, telles que cliquer sur un lien ou remplir un formulaire par l'utilisateur. Un gestionnaire d'événements est nécessaire pour gérer la bonne exécution de tous ces événements. Les gestionnaires d'événements sont un attribut supplémentaire de l'objet. Cet attribut inclut le nom de l'événement et l'action entreprise si l'événement a lieu.


74. Quel est le rôle des scripts différés en JavaScript ?

L'analyse du code HTML lors du chargement de la page est suspendue par défaut jusqu'à ce que l'exécution du script soit terminée. Si le serveur est lent ou si le script est particulièrement lourd, alors la page Web est retardée.

Lors de l'utilisation de Deferred, les scripts retardent l'exécution du script jusqu'au moment où l'analyseur HTML est en cours d'exécution. Cela réduit le temps de chargement des pages Web et celles-ci s'affichent plus rapidement.


75. Quels sont les différents composants fonctionnels de JavaScript ?

Les différents composants fonctionnels en JavaScript sont-

  • Fonctions de première classe : Les fonctions en JavaScript sont utilisées comme objets de première classe. Cela signifie généralement que ces fonctions peuvent être transmises comme arguments à d'autres fonctions, renvoyées sous forme de valeurs d'autres fonctions, affectées à des variables ou peuvent également être stockées dans des structures de données.
  • Fonctions imbriquées : Les fonctions définies dans d'autres fonctions sont appelées fonctions imbriquées. Ils sont appelés à chaque fois que la fonction principale est invoquée.

76. Écrire sur les erreurs affichées en JavaScript ?

JavaScript donne un message comme s'il rencontrait une erreur. Les erreurs reconnues sont –

  • Erreurs de temps de chargement : Les erreurs affichées au moment du chargement de la page sont comptabilisées sous Erreurs de temps de chargement. L'utilisation d'une syntaxe inappropriée rencontre ces erreurs et est ainsi détectée lors du chargement de la page.
  • Erreurs d'exécution : C'est l'erreur qui survient pendant l'exécution du programme. Par exemple, des opérations illégales provoquent la division d'un nombre par zéro ou accèdent à une zone inexistante de la mémoire.
  • Erreurs logiques : Cela est dû à un code syntaxiquement correct, qui ne remplit pas la tâche requise, par exemple une boucle infinie.

77. Que sont les objets Screen ?

Les objets d'écran sont utilisés pour lire les informations sur l'écran du client. Les propriétés des objets d’écran sont –

  • AvailHeight : Donne la hauteur de l'écran du client
  • AvailWidth : Donne la largeur de l'écran du client
  • ColorDepth : donne la profondeur de bits des images sur l'écran du client
  • Hauteur : Donne la hauteur totale de l'écran du client, y compris la barre des tâches
  • Largeur : Donne la largeur totale de l'écran du client, y compris la barre des tâches

78. Qu'est-ce que la méthode unshift() ?

Cette méthode est fonctionnelle au début du tableau, contrairement à push(). Il ajoute le nombre souhaité d'éléments en haut d'un tableau. Par exemple -

var name = [ "john" ];
name.unshift( "charlie" );
name.unshift( "joseph", "Jane" );
console.log(name);

Le résultat est présenté ci-dessous :

[" joseph ,"," Jane ,", " charlie ", " john "]

79. Que sont les fonctions unescape() et escape() ?

La fonction escape() est chargée de coder une chaîne pour transférer les informations d'un ordinateur à l'autre via un réseau.

Par exemple:

<script>
document.write(escape("Hello? How are you!"));
</script>

Sortie : Hello%3F%20How%20are%20you%21

La fonction unescape() est très importante car elle décode la chaîne codée.

Cela fonctionne dans le suivantwing chemin. Par exemple:

<script>
    document.write(unescape("Hello%3F%20How%20are%20you%21"));
</script>

Sortie : Bonjour? Comment vas-tu!


80. Que sont decodeURI() et encodeURI() ?

EncodeURl() est utilisé pour convertir l'URL en codage hexadécimal. Et DecodeURI() est utilisé pour reconvertir l’URL codée en normale.

<script>
   var uri="my test.asp?name=ståle&car=saab";

   document.write(encodeURI(uri)+ "<br>");

    document.write(decodeURI(uri));
</script>

Production -

mon%20test.asp?name=st%C3%A5le&car=saab

mon test.asp?name=ståle&car=saab


Questions d'entretien JavaScript pour plus de 10 ans d'expérience

81. Pourquoi ne devriez-vous pas utiliser innerHTML en JavaScript ?

Le contenu innerHTML est actualisé à chaque fois et est donc plus lent. Il n’y a aucune possibilité de validation dans innerHTML. Par conséquent, il est plus facile d’insérer du code malveillant dans le document et de rendre la page Web instable.


82. Qu'est-ce que la suitewing déclaration déclarer?

var myArray = [[[]]];

Il déclineares un tableau tridimensionnel.


83. Quel est le lien entre JavaScript et ECMA Script ?

ECMA Script est comme des règles et des directives, tandis que Javascript est un langage de script utilisé pour le développement Web.


84. Qu'est-ce que l'espace de noms en JavaScript et comment est-il utilisé ?

L'espace de noms est utilisé pour regrouper les fonctions, variables, etc. souhaitées sous un nom unique. Il s'agit d'un nom qui a été attaché aux fonctions, objets et propriétés souhaités. Cela améliore la modularité du codage et permet la réutilisation du code.


85. Comment masquer les codes JavaScript des anciens navigateurs qui ne prennent pas en charge JavaScript ?

Pour masquer les codes JavaScript des anciens navigateurs :

Ajouter " étiqueter.

Ajoutez « //–> » sans les guillemets dans le code juste avant le tag.

Les anciens navigateurs traiteront désormais ce code JavaScript comme un long commentaire HTML. Alors qu'un navigateur prenant en charge JavaScript prendra le " " sous forme de commentaires d'une seule ligne.


86. Comment utiliser Loop en JavaScript ?

Les boucles sont utiles lorsque vous exécutez de manière répétée les mêmes lignes de code un nombre de fois spécifique ou tant qu'une condition spécifique est vraie. Supposons que vous souhaitiez taper un message « Bonjour » 100 fois sur votre page Web. Bien entendu, vous devrez copier et coller la même ligne 100 fois. Au lieu de cela, si vous utilisez des boucles, vous pouvez effectuer cette tâche en seulement 3 ou 4 lignes.


87. Comment utiliser les boucles en Javascript ?

Il existe principalement quatre types de boucles en JavaScript.

pour la boucle

pour/dans une boucle (explication later)

boucle tout en

faire… boucle while

pour la boucle

syntaxe:

for(statement1; statement2; statment3)
 
{
 
lines of code to be executed
 
}
  1. L'instruction 1 est exécutée en premier, avant même d'exécuter le code de boucle. Ainsi, cette instruction est normalement utilisée pour attribuer des valeurs aux variables utilisées dans la boucle.
  2. L'instruction2 est la condition pour exécuter le boucle.
  3. L'instruction3 est exécutée à chaque fois après l'exécution du code de boucle.
<html>
<head>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        document.write("<b>Using for loops </b><br />");
        for (i=0;i<students.length;i++)
        {
        document.write(students[i] + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

boucle tout en

syntaxe:

while(condition)

{

lines of code to be executed

}

La « boucle while » est exécutée tant que la condition spécifiée est vraie. À l’intérieur de la boucle while, vous devez inclure l’instruction qui mettra fin à la boucle à un moment donné. Autrewise, votre boucle ne se terminera jamais et votre navigateur risque de planter.

faire… boucle while

syntaxe:

<pre>
do

{

block of code to be executed

} while (condition)

La boucle do… while est très similaire à la boucle while. La seule différence est que dans la boucle do… while, le bloc de code est exécuté une fois avant même de vérifier la condition.

Mise en situation :

<html>
<head>
    <script type="text/javascript">
        document.write("<b>Using while loops </b><br />");
        var i = 0, j = 1, k;
        document.write("Fibonacci series less than 40<br />");
        while(i<40)
        {
            document.write(i + "<br />");
            k = i+j;
            i = j;
            j = k;
        }
    </script>
</head>
<body>
</body>
</html>

88. Quelles sont les méthodes de tableau JavaScript importantes expliquées avec un exemple ?

Méthodes de tableau JavaScript

L'objet Array possède de nombreuses propriétés et méthodes qui aident les développeurs à gérer les tableaux facilement et efficacement. Vous pouvez obtenir la valeur d'une propriété en spécifiant arrayname.property et la sortie d'une méthode en spécifiant arrayname.method().

  • propriété length -> Si vous souhaitez connaître le nombre d'éléments dans un tableau, vous pouvez utiliser la propriété length.
  • propriété prototype -> Si vous souhaitez ajouter de nouvelles propriétés et méthodes, vous pouvez utiliser la propriété prototype.
  • méthode inverse -> Vous pouvez inverser l'ordre des éléments dans un tableau en utilisant une méthode inverse.
  • méthode de tri -> Vous pouvez trier les éléments d'un tableau à l'aide de la méthode de tri.
  • méthode pop -> Vous pouvez supprimer le dernier élément d'un tableau à l'aide d'une méthode pop.
  • méthode de décalage -> Vous pouvez supprimer le premier élément d'un tableau en utilisant la méthode shift.
  • méthode push -> Vous pouvez ajouter une valeur comme dernier élément du tableau.
<html>
<head>
    <title>Arrays!!!</title>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        Array.prototype.displayItems=function(){
            for (i=0;i<this.length;i++){
                document.write(this[i] + "<br />");
            }
        }    
        document.write("students array<br />");
        students.displayItems();
        document.write("<br />The number of items in students array is " + students.length + "<br />");
        document.write("<br />The SORTED students array<br />");
        students.sort();
        students.displayItems();
        document.write("<br />The REVERSED students array<br />");
        students.reverse();
        students.displayItems();
        document.write("<br />THE students array after REMOVING the LAST item<br />");
        students.pop();
        students.displayItems();
		document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
        students.displayItems();
    </script>
</head>
<body>
</body>
</html>

89. Qu'est-ce que le concept OOPS en JavaScript ?

Souvent, les variables ou les tableaux ne suffisent pas pour simuler des situations réelles. JavaScript vous permet de créer des objets qui agissent comme des objets réels. Un étudiant ou une maison peut être un objet qui possède de nombreuses caractéristiques uniques. Vous pouvez créer des propriétés et des méthodes pour vos objets afin de faciliter la programmation. Si votre objet est un étudiant, il aura des propriétés telles que le prénom, le nom, l'identifiant, etc., et des méthodes telles que le calcul du rang, le changement d'adresse, etc. Si votre objet est une maison, il aura des propriétés telles qu'un certain nombre de pièces, couleur de peinture, emplacement, etc. Les méthodes aiment calculer la superficie, changer de propriétaire, etc.

Comment créer un objet

Vous pouvez créer un objet comme ceci :

var objName = new		Object();
objName.property1 = value1;
objName.property2 = value2;
objName.method1 = function()
{
line of code	
}

OR

var objName= {property1:value1, property2:value2, method1: function()

{ lines of code} };

90. Qu'est-ce que la boucle à travers les propriétés d'un objet ?

La boucle for/in est généralement utilisée pour parcourir les propriétés d'un objet. Vous pouvez donner n'importe quel nom à la variable, mais le nom de l'objet doit être le même que celui d'un objet déjà existant que vous devez parcourir.

syntaxe:

for (variablename in objectname)

{

lines of code to be executed

}

Mise en situation :

<html>
<head>
    <script type="text/javascript">
        var employee={first:"John", last:"Doe", department:"Accounts"};
		var		details = "";
		document.write("<b>Using for/in loops </b><br />");
        for (var x in employee)
        {
		details = x + ": " + employee[x];
		document.write(details + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

91. Qu'est-ce que les tests unitaires JavaScript et quels sont les défis des tests unitaires JavaScript ?

Les tests unitaires JavaScript sont une méthode de test dans laquelle JavaScript teste le code écrit pour une page Web ou un module d'application Web. Il est combiné avec HTML en tant que gestionnaire d'événements en ligne et exécuté dans le navigateur pour tester si toutes les fonctionnalités fonctionnent correctement. Ces tests unitaires sont ensuite organisés dans la suite de tests.

Chaque suite contient plusieurs tests conçus pour être exécutés pour un module distinct. Plus important encore, ils n'entrent en conflit avec aucun autre module et fonctionnent avec moins de dépendances les uns sur les autres (certaines situations critiques peuvent provoquer des dépendances).

Défis des tests unitaires JavaScript :

Voici les défis importants des tests unitaires JavaScript :

  • De nombreux autres langages prennent en charge les tests unitaires dans les navigateurs, dans l'environnement stable ainsi que dans l'environnement d'exécution, mais JavaScript ne le peut pas.
  • Vous pouvez comprendre certaines actions du système avec d'autres langages, mais ce n'est pas le cas avec JavaScript
  • Certains JavaScript sont écrits pour une application Web qui peut avoir plusieurs dépendances.
  • Il est préférable d'utiliser JavaScript en combinaison avec HTML et CSS plutôt que sur le Web.
  • Difficultés avec le rendu des pages et la manipulation du DOM
  • Parfois, vous trouvez un message d'erreur sur votre écran concernant « Impossible de charger example.js » ou toute autre erreur JavaScript concernant le contrôle de version. Ces vulnérabilités relèvent des tests unitaires JavaScript

Solutions de tests unitaires JavaScript :

Pour éviter de tels problèmes, ce que vous pouvez faire est :

  • N'utilisez pas de variables globales.
  • Ne manipulez pas d'objets prédéfinis.
  • Concevoir des fonctionnalités de base basées sur la bibliothèque.
  • Essayez de créer de petits éléments de fonctionnalités avec moins de dépendances.

92. Quels sont les frameworks de tests unitaires JavaScript importants ?

Following est une liste organisée de cadres et d'outils de tests unitaires JavaScript populaires largement utilisés :

Unité.js : Il s'agit d'une bibliothèque d'assertions open source fonctionnant sur un navigateur et Node.js. Il est extrêmement compatible avec d'autres frameworks de tests unitaires JavaScript comme Mocha, Karma, Jasmine, QUnit, Protractor, etc. Fournit l'API entièrement documentée de la liste d'assertions.

QUnité : Il est utilisé pour les tests unitaires JavaScript côté client et côté serveur. Ce framework de test JavaScript gratuit est utilisé pour les projets jQuery. Il suit la spécification de test unitaire Common JS pour les tests unitaires en JavaScript. Il prend en charge le programme de support à long terme des nœuds.

Jasmin: Jasmine est le framework de développement basé sur le comportement pour tester unitairement JavaScript. Il est utilisé pour tester à la fois synchroneux et unsynccodes JavaScript habituels. Il ne nécessite pas de DOM et est livré avec une syntaxe simple qui peut être écrite pour n'importe quel test.

Karma: Karma est un environnement de test productif open source. Contrôle de flux de travail facile exécuté sur la ligne de commande. Offre la liberté d'écrire les tests avec Jasmine, Mocha et QUnit. Vous pouvez exécuter le test sur des appareils réels avec un débogage simple.

Moka: Mocha fonctionne sur Node.js et dans le navigateur. Moka effectue unsynctests hroniques plus simplement. Fournit précision et flexibilité dans les rapports. Fournit une prise en charge considérable de fonctionnalités riches telles que les délais d'attente spécifiques aux tests et les API JavaScript.

Est: Jusqu'à présent, Facebook utilise Jest pour tester tout le code JavaScript. Il offre une « expérience de test sans configuration ». Prend en charge les tests en cours d’exécution indépendants et sans interruption sans aucun conflit. Ne nécessite aucune autre configuration d’installation ni bibliothèque.

AVA : AVA est un simple framework de tests unitaires JavaScript. Les tests sont exécutés en parallèle et en série. Les tests parallèles s'exécutent sans s'interrompre. Ce cadre de test prend en charge unsyncDes tests hroniques également. AVA utilise des sous-processus pour exécuter le test unitaire JavaScript.


93. Qu'est-ce que l'algorithme QuickSort en JavaScript ?

L’algorithme de tri rapide suit l’approche Divide and Conquer. Il divise les éléments en parties plus petites en fonction de certaines conditions et effectue ce type d'opérations sur ces parties plus petites divisées.

L'algorithme de tri rapide est l'un des algorithmes les plus utilisés et les plus populaires dans n'importe quel langage de programmation. Si vous êtes un développeur JavaScript, vous avez peut-être entendu parler de sort() qui est déjà disponible en JavaScript. Ensuite, vous avez peut-être réfléchi à la nécessité de cet algorithme de tri rapide. Pour comprendre cela, nous avons d’abord besoin de ce qu’est le tri et quel est le tri par défaut en JavaScript.

Le tri rapide suit le Diviser et conquérir algorithme. Il divise les éléments en parties plus petites en fonction de certaines conditions et effectue les opérations de tri sur ces parties plus petites divisées. Par conséquent, cela fonctionne bien pour les grands ensembles de données. Voici donc les étapes de fonctionnement du tri rapide en termes simples.

  1. Tout d'abord, sélectionnez un élément qui sera appelé le pivot .
  2. Ensuite, comparez tous les éléments du tableau avec l'élément pivot sélectionné et disposez-les de manière à laisser les éléments inférieurs à l'élément pivot. Plus grand que le pivot est à sa droite.
  3. Enfin, effectuez les mêmes opérations sur les éléments latéraux gauche et droit de l'élément pivot.

Voilà donc les grandes lignes de Quicksort. Voici les étapes à suivre une par une pour effectuer le tri rapide.


94.Comment fonctionne QuickSort

Étape 1) Tout d'abord, trouvez le "Pivot" élément dans le tableau.

Étape 2) Démarrez le pointeur gauche sur le premier élément du tableau.

Étape 3) Commencez le pointeur droit sur le dernier élément du tableau.

Étape 4) Comparez l'élément pointant avec le pointeur gauche, et s'il est inférieur à l'élément pivot, déplacez le pointeur gauche vers la droite (ajoutez 1 à l'index gauche). Continuez ainsi jusqu'à ce que l'élément du côté gauche soit supérieur ou égal à l'élément pivot.

Étape 5) Comparez l'élément pointant avec le pointeur droit. S'il est supérieur à l'élément pivot, déplacez le pointeur droit vers la gauche (soustrayez 1 à l'index droit). Continuez ainsi jusqu'à ce que l'élément de droite soit inférieur ou égal à l'élément pivot.

Étape 6) Vérifiez si le pointeur gauche est inférieur ou égal à un pointeur droit, puis sciez les éléments aux emplacements de ces pointeurs.

Étape 7) Incrémentez le pointeur gauche et décrémentez le pointeur droit.

Étape 8) Si l'index du pointeur gauche est toujours inférieur à l'index du pointeur droit, répétez le processus ; sinon, renvoie l'index du pointeur gauche.

Voyons donc ces étapes avec un exemple. Considérons un tableau d'éléments que nous devons trier est [5,3,7,6,2,9].

Voici les étapes pour effectuer un tri rapide qui sont présentées avec un exemple [5,3,7,6,2,9].

ÉTAPE 1) Déterminez le pivot comme élément intermédiaire. Donc, 7 est l’élément pivot.

ÉTAPE 2) Commencez les pointeurs gauche et droit comme premier et dernier éléments du tableau, respectivement. Le pointeur gauche pointe vers 5 à l'index 0 et le pointeur droit pointe vers 9 à l'indice 5.

ÉTAPE 3) Comparez l'élément pointeur gauche avec l'élément pivot, puisque 5 < 6 déplace le pointeur gauche vers la droite jusqu'à l'index 1.

ÉTAPE 4) Maintenant, toujours 3 <6, alors déplacez le pointeur gauche vers un index supplémentaire vers la droite. Maintenant, 7 > 6 arrête d'incrémenter le pointeur gauche, et maintenant le pointeur gauche est l'index 2.

ÉTAPE 5) Maintenant, comparez la valeur du pointeur droit avec l’élément pivot. Puisque 9 > 6, déplacez le pointeur droit vers la gauche. Maintenant, comme 2 < 6, arrêtez de déplacer le pointeur droit.

ÉTAPE 6) Échangez les deux valeurs présentes aux pointeurs gauche et droit.

ÉTAPE 7) Déplacez les deux pointeurs d’un pas supplémentaire.

ÉTAPE 8) Puisque 6 = 6, déplacez les pointeurs d'un pas supplémentaire et arrêtez-vous lorsque le pointeur gauche croise le pointeur droit et renvoie l'index du pointeur gauche.

Ici, sur la base de l'approche ci-dessus, nous devons écrire du code pour échanger des éléments et partitionner le tableau comme mentionné dans les étapes ci-dessus.

Mise en situation :

var items = [5,3,7,6,2,9];
function swap(items, leftIndex, rightIndex){
    var temp = items[leftIndex];
    items[leftIndex] = items[rightIndex];
    items[rightIndex] = temp;
}
function: partition(items, left, right) {
    var pivot   = items[Math.floor((right + left) / 2)], //middle element
        i       = left, //left pointer
        j       = right; //right pointer
    while (i <= j) {
        while (items[i] < pivot) {
            i++;
        }
        while (items[j] > pivot) {
            j--;
        }
        if (i <= j) {
            swap(items, i, j); //sawpping two elements
            i++;
            j--;
        }
    }
    return i;
}

function quickSort(items, left, right) {
    var index;
    if (items.length > 1) {
        index = partition(items, left, right); //index returned from partition
        if (left < index - 1) { //more elements on the left side of the pivot
            quickSort(items, left index - 1);
        }
        if (index < right) { //more elements on the right side of the pivot
            quickSort(items, index, right);
        }
    }
    return items;
}
// first call to quick sort
var sortedArray = quickSort(items, 0, items.length - 1);
console.log(sortedArray); //prints [2,3,5,6,7,9]

95. Qu'est-ce que DOM en JavaScript ?

JavaScript peut accéder à tous les éléments d'une page Web à l'aide du modèle objet de document (DOM). Le navigateur Web crée un DOM de la page Web lorsque la page est chargée.


96. Comment utiliser le DOM et les événements ?

En utilisant DOM, JavaScript peut effectuer plusieurs tâches. Il peut créer de nouveaux éléments et attributs, modifier les éléments et attributs existants et même supprimer des éléments et attributs existants. JavaScript peut également réagir aux événements existants et créer de nouveaux événements dans la page.

  1. getElementById, exemple innerHTML
  2. getElementById : pour accéder aux éléments et attributs dont l'identifiant est défini.
  3. innerHTML : Pour accéder au contenu d'un élément.
<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <h3 id="one">Welcome</h3>
  <p>This is the welcome message.</p>
  <h3>Technology</h3>
  <p>This is the technology section.</p>
  <script type="text/javascript">
        var text = document.getElementById("one").innerHTML;
        alert("The first heading is " + text);
  </script>
</body>
</html>

2.getElementsByTagName Exemple

getElementsByTagName : pour accéder aux éléments et aux attributs à l'aide du nom de la balise. Cette méthode renverra un tableau de tous les éléments portant le même nom de balise.

<html>

<head>

    <title>DOM!!!</title>

</head>

<body>

  <h3>Welcome</h3>

  <p>This is the welcome message.</p>

  <h3>Technology</h3>

  <p id="second">This is the technology section.</p>

  <script type="text/javascript">

    var paragraphs = document.getElementsByTagName("p");

    alert("Content in the second paragraph is " + paragraphs[1].innerHTML);

    document.getElementById("second").innerHTML = "The orginal message is changed.";

  </script>

</body>

</html>

Exemple de gestionnaire d'événements

  1. createElement : Pour créer un nouvel élément
  2. RemoveChild : Supprimer un élément
  3. vous pouvez ajouter un gestionnaire d'événements à un élément particulier comme celui-ci
    document.getElementById(id).onclick=function()
        {
            lines of code to be executed
        }

OR

document.getElementById(id).addEventListener("click", functionname)

Mise en situation :

<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <input type="button" id="btnClick" value="Click Me!!" />
  <script type="text/javascript">
    document.getElementById("btnClick").addEventListener("click", clicked);
    function clicked()
    {
            alert("You clicked me!!!");
    }    
  </script>
</body>
</html>

97. Qu'est-ce que le JavaScript externe ?

Vous envisagez d'afficher la date et l'heure actuelles sur toutes vos pages Web. Supposons que vous ayez écrit le code et que vous l'ayez copié sur toutes vos pages Web (disons 100). Mais later, vous souhaitez modifier le format d'affichage de la date ou de l'heure. Dans ce cas, vous devrez apporter des modifications aux 100 pages Web. Ce sera une tâche très longue et difficile.

Enregistrez donc le code JavaScript dans un nouveau fichier avec l'extension .js. Ensuite, ajoutez une ligne de code dans toutes vos pages Web pour pointer vers votre fichier .js comme ceci :

<script type="text/javascript," src="/currentdetails.js,">

Remarque: On suppose que le fichier .js et toutes vos pages Web se trouvent dans le même dossier. Si le fichier external.js se trouve dans un autre dossier, vous devez spécifier le chemin complet de votre fichier dans l'attribut src.

Mise en situation :

var currentDate = new Date();
var day = currentDate.getDate();
Var month = currentDate.getMonth() + 1;
var monthName;
var hours = currentDate.getHours(); 
var mins = currentDate.getMinutes(); 
var secs = currentDate.getSeconds(); 
var strToAppend;
It (hours >12 )
{
    hours1 = "0" + (hours - 12);
strToAppend = "PM";
}
else if (hours <12)
{
    hours1 = "0" + hours;
    strToAppend = "AM";
}
else
{
    hours1 = hours;
    strToAppend = "PM";
}
if(mins<10)
mins = "0" + mins;
if (secs<10)
    secs = "0" + secs;
switch (month)
{
    case 1:
        monthName = "January";
        break;
    case 2:
        monthName = "February";
        break;
    case 3:
        monthName = "March";
        break;
    case 4:
        monthName = "April";
        break;
    case 5:
        monthName = "May";
        break;
    case 6:
        monthName = "June";
        break;
    case 7:
        monthName = "July";
        break;
    case 8:
        monthName = "August";
        break;
    case 9:
        monthName = "September";
        break;
    case 10:
        monthName = "October";
        break;
    case 11:
        monthName = "November";
        break;
    case 12:
        monthName = "December";
        break;
}

var year = currentDate.getFullYear();
var myString;
myString = "Today is " + day +  " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + ".";
document.write(myString);

98. Quand utiliser le code JavaScript interne et externe ?

Supposons que vous ne disposiez que de quelques lignes de code spécifiques à une page Web particulière. Dans ce cas, il est préférable de conserver votre code JavaScript interne au sein de votre document HTML.

D'un autre côté, si votre code JavaScript est utilisé dans de nombreuses pages Web, vous devriez envisager de conserver votre code dans un fichier séparé. Si vous souhaitez apporter des modifications à votre code, vous ne devez modifier qu'un seul fichier, ce qui facilite la maintenance du code. Si votre code est trop long, il est préférable de le conserver dans un fichier séparé. Cela facilite le débogage.


99. Que sont les cookies en JavaScript ?

Un cookie est une donnée stockée sur votre ordinateur et accessible par votre navigateur. Vous avez peut-être également apprécié les avantages des cookies.wingly ou inconnuwingly. Avez-vous déjà enregistré votre mot de passe Facebook pour ne pas avoir à le saisir à chaque fois que vous essayez de vous connecter ? Si oui, alors vous utilisez des cookies. Les cookies sont enregistrés sous forme de paires clé/valeur.

Javascript Set-Cookie :

Vous pouvez créer des cookies à l'aide du document. propriété de cookie comme celle-ci.

document.cookie = "cookiename=cookievalue"

Vous pouvez même ajouter une date d'expiration à votre cookie pour supprimer le cookie particulier de l'ordinateur à la date spécifiée. La date d'expiration doit être définie au format UTC/GMT. Si vous ne définissez pas la date d'expiration, le cookie sera supprimé lorsque l'utilisateur fermera le navigateur.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

Vous pouvez également définir le domaine et le chemin pour spécifier à quel domaine et à quels répertoires du domaine spécifique appartient le cookie. Par défaut, un cookie appartient à la page qui définit le cookie.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/		

//crée un cookie avec un domaine vers la page actuelle et un chemin vers l'ensemble du domaine.

JavaScript obtient un cookie

Vous pouvez accéder au Cookie comme ceci, qui renverra tous les cookies enregistrés pour le domaine actuel.

var x =  document.cookie

Supprimer le cookie JavaScript

Pour supprimer un cookie, il vous suffit de définir la valeur du cookie sur vide et de définir la valeur d'expiration sur une date passée.

Mise en situation :

<html>
<head>
    <title>Cookie!!!</title>
    <script type="text/javascript">
        function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
        function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
             }
            return "";
        }
        function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
            alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            It (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
    </script>
</head>
<body onload="checkCookie()"></body>
</html>

100. Donnez un exemple de table de multiplication JavaScript

Voici un exemple de table de multiplication simple demandant à l'utilisateur le nombre de lignes et de colonnes qu'il souhaite.

Mise en situation :

<html>
<head>
  <title>Multiplication Table</title>
  <script type="text/javascript">
    var rows = prompt("How many rows for your multiplication table?");
    var cols = prompt("How many columns for your multiplication table?");
    if(rows == "" || rows == null)
            rows = 10;
    if(cols== "" || cols== null)
            cols = 10;
    createTable(rows, cols);
    function createTable(rows, cols)
    {
      var j=1;
      var output = "<table border='1' width='500' cellspacing='0'cellpadding='5'>";
      for(i=1;i<=rows;i++)
      {
        output = output + "<tr>";
        while(j<=cols)
        {
            output = output + "<td>" + i*j + "</td>";
             j = j+1;
           }
            output = output + "</tr>";
            j = 1;
    }
    output = output + "</table>";
    document.write(output);
    }
  </script>
</head>
<body>
</body>
</html>

101. Expliquez le message contextuel à l'aide d'un événement avec un exemple

Afficher un simple message « Bienvenue !!! » sur votre page Web de démonstration et lorsque l'utilisateur survole le message, une fenêtre contextuelle doit s'afficher avec un message « Bienvenue sur ma page Web !!! ».

Mise en situation :

<html>
    <head>

    <title>Event!!!</title>

    <script type="text/javascript">

    function trigger()

    {

    document.getElementById("hover").addEventListener("mouseover", popup);

    function popup()

    {

    alert("Welcome to my WebPage!!!");

    }

    }

    </script>

    <style>

    p{
         font-size:50px;
         position: fixed;
         left: 550px;
         top: 300px;
    }
    </style>
    </head>
    <body  onload="trigger();">
    <p id="hover">Welcome!!!</p>
    </body>
    </html>		

Ces questions d'entretien vous aideront également dans votre soutenance