WunderQuiz

dashboard

Home

search

Recherche

help_outline

FAQ & Info

apps

Collections

JavaScript: Web page integration

quiz image
Connais-tu l'intégration de JavaScript dans les pages web ?
visibility400, numbers10, Crée par : hecmec

JavaScript: Web page integration

Connais-tu l'intégration de JavaScript dans les pages web ?

TechnoWebJavaScriptCodeInformatique

Quiz Preview

Comment inclure des fichiers js externes dans une page web ?

<html>
<head>
... scripts go here
</head>
<body>
.. your text or HTML.
</body>
</html>

&lt;script href="example.js"&gt;&lt;/script&gt;
&lt;script src="example.js"&gt;&lt;/script&gt;
&lt;javascript url="example.js"&gt;
&lt;link href="example.js"&gt;&lt;/link &gt;

Où est-il possible d'insérer un script js ?

Dans la section BODY
Entre HEAD et BODY
Dans la section HEAD
Dans le FOOTER

Comment peut-on inclure du code JavaScript en ligne dans la section HEAD ou BODY ?

&lt;script&gt; alert(); &lt;/script&gt;
&lt;js&gt; alert(); &lt;/js&gt;
&lt;javascript&gt; alert(); &lt;/javascript&gt;
&lt;jscript&gt; alert(); &lt;/jscript&gt;
ⓘ

C'est encore mieux avec l'attribut de langage.br>


<script langage="javascript">alert( "Hello World!" );</script>

Le code JavaScript dans les fichiers externes (mycode.js) doit être entouré d'une balise <script>.

Oui
Non
ⓘ

Javascript files are pure javascript. The script tag is an HTML tag for a web page.

Comment appeler le code JavaScript directement sur une balise HTML ancre à partir de l'attribut href ?

&lt;a href="call(alert( 'hello' ))"&gt; ...
&lt;a href="alert( 'hello' )"&gt; ...
&lt;a href="javascript:alert( 'hello' )"&gt; ...
&lt;a href="func=&gt;alert( 'hello' )"&gt; ...
ⓘ

Lorsque l'utilisateur clique sur l'ancre, le JavaScript contenu dans le href s'exécute.

Quel est l'ordre réel des messages dans la sortie ?


<html>
<head>
<script>console.log("head");</script>
</head>
<body onload="javascript:console.log('load')">
<script>console.log("body");</script>
</body>
</html>

body
load
head
ⓘ

L'ordre de chargement est important si différentes parties du script sont interdépendantes.

Comment ouvrir une URL dans une nouvelle fenêtre du navigateur avec JavaScript ?

new ClientWindow(testUrl);
window.open(testUrl);
new Window(testUrl);
window.create(testUrl);

Comment obtenir une référence à un élément DOM en JS standard ?


<p id="test">Hello</p>

page.getById('#test')"
document.getElement("p")
document.getElementByName("test")
document.getElementById("test")

Comment afficher "Hello Test" dans une boîte d'alerte ?

window.alert("Hello Test");
alert("Hello Test");
new Alert("Hello Test");"
document.alert("Hello Test");

Quelle est la sortie du journal ?



<html>
<head>
<script>
var title = document.getElementById( "hello" );
console.log( title );
</script>
</head>
<body>
<h1 id="hello">Hello World</h1>
</body>
</html>

title
hello
object
null
ⓘ

L'ordre d'exécution est important.
Le HEAD script est exécuté avant que le BODY et ses enfants ne soient chargés.
Ainsi, le script ne peut pas trouver l'élément hello.

quiz image

JavaScript - ES5 - Comment marche 'this' ?

visibility  483 vuesnumbers10 questions
TechnoCodeInformatiqueJavaScriptWeb
quiz image

JavaScript: Les bases

visibility  472 vuesnumbers12 questions
TechnoInformatiqueWebJavaScript
quiz image

CSS Flex Layout - Partie 2

visibility  276 vuesnumbers12 questions
TechnoInformatiqueProgramationCSS
quiz image

L'histoire de l'internet

visibility  504 vuesnumbers19 questions
TechnoHistoireInformatique
quiz image

Devenez un pro du SEO : Optimisez votre référencement sur Google et autres moteurs de recherche

visibility  253 vuesnumbers10 questions
TechnoWebSEOMarketing
quiz image

CSS Flex Layout - Partie 1

visibility  293 vuesnumbers12 questions
TechnoInformatiqueProgramationCSS
quiz image

Reconnaitre les avions, Boeing vs Airbus

visibility  1332 vuesnumbers21 questions
TechnoAvionsAirbusBoeing
quiz image

Histoire de l'automobile - Partie 1

visibility  1155 vuesnumbers12 questions
TechnoAutoHistoire
quiz image

Les plus grandes Inventions et leurs créateurs ou créatrices

visibility  326 vuesnumbers20 questions
TechnoScienceHistoire
quiz image

Histoire de l'automobile - Partie 2

visibility  613 vuesnumbers11 questions
TechnoAutoHistoire
quiz image

Panneaux de danger, partie 2 - Code de la route

visibility  514 vuesnumbers11 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Panneaux de signalisations des services, partie 1 - Code de la route

visibility  331 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Marques de voitures occidentales pour les connaisseurs

visibility  591 vuesnumbers15 questions
TechnoVoitureAutomobile
quiz image

Reconnaissez-vous les modèles de Peugeot ?

visibility  425 vuesnumbers13 questions
TechnoAutomobile
quiz image

Histoire de l'aviation - Partie 1

visibility  817 vuesnumbers10 questions
TechnoAvionHistoire
quiz image

UX & IoT (Internet of Things)

visibility  285 vuesnumbers16 questions
Techno
quiz image

Panneaux d'obligation - Code de la route

visibility  337 vuesnumbers13 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Les meilleures alternatives à Twitter/X en 2024 avec leurs logos

visibility  216 vuesnumbers14 questions
TechnoRéseauxInternetSocial
quiz image

Panneau d’information - Code de la route

visibility  320 vuesnumbers15 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Marques de voiture pour les Nuls

visibility  787 vuesnumbers13 questions
TechnoVoitureAutomobile
quiz image

Panneaux de priorité - Code de la route

visibility  486 vuesnumbers9 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Marques de voitures orientales pour les connaisseurs

visibility  728 vuesnumbers10 questions
TechnoAutoAutomobileVoiture
quiz image

Panneaux de signalisations des services, partie 2 - Code de la route

visibility  368 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Les avions de ligne pour les nuls

visibility  2046 vuesnumbers14 questions
TechnoAvion
quiz image

Panneaux de danger, partie 3 - Code de la route

visibility  346 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Logos de marques de voitures européennes

visibility  776 vuesnumbers14 questions
VieTechnoVoiture
quiz image

Logos de marques de voitures non-européennes

visibility  503 vuesnumbers17 questions
VieTechnoVoiture
quiz image

Le langage SMS pour les nuls - 3ème

visibility  559 vuesnumbers10 questions
TechnoAdolescentSMSPortable
quiz image

Connaissez-vous la marque de voitures Tesla ?

visibility  375 vuesnumbers11 questions
TechnoAutomobile
quiz image

Panneaux d'interdiction - Code de la route

visibility  754 vuesnumbers11 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Connaissez vous les différent types de vélo ?

visibility  332 vuesnumbers16 questions
SportTechnoVélo
quiz image

Histoire de l'aviation - Partie 2

visibility  1148 vuesnumbers10 questions
TechnoAvionHistoire
quiz image

Reconnaitre les réseaux sociaux à partir de leurs icônes (partie 1)

visibility  809 vuesnumbers11 questions
SocialTechnoRéseaux-Sociaux
quiz image

Reconnaitre les réseaux sociaux à partir de leur icône (partie 2)

visibility  549 vuesnumbers11 questions
SocialRéseaux-SociauxTechno
quiz image

Panneaux de danger, partie 1 - Code de la route

visibility  422 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Une fusée: Ariane 5

visibility  534 vuesnumbers14 questions
TechnoEspacefuséefusee
quiz image

Panneaux temporaires - Code de la route

visibility  394 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Panneaux d'entrée en zones - Code de la route

visibility  341 vuesnumbers9 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Le langage SMS pour les nuls !

visibility  1023 vuesnumbers10 questions
TechnoAdolescentSMSPortable
quiz image

Langage SMS pour les nuls - 2ème partie

visibility  555 vuesnumbers11 questions
TechnoPortableAdolescent
quiz image

JavaScript - ES5 - Comment marche 'this' ?

visibility  483 vuesnumbers10 questions
TechnoCodeInformatiqueJavaScriptWeb
quiz image

JavaScript: Les bases

visibility  472 vuesnumbers12 questions
TechnoInformatiqueWebJavaScript
quiz image

CSS Flex Layout - Partie 2

visibility  276 vuesnumbers12 questions
TechnoInformatiqueProgramationCSS
quiz image

L'histoire de l'internet

visibility  504 vuesnumbers19 questions
TechnoHistoireInformatique
quiz image

Devenez un pro du SEO : Optimisez votre référencement sur Google et autres moteurs de recherche

visibility  253 vuesnumbers10 questions
TechnoWebSEOMarketing
quiz image

CSS Flex Layout - Partie 1

visibility  293 vuesnumbers12 questions
TechnoInformatiqueProgramationCSS
quiz image

Reconnaitre les avions, Boeing vs Airbus

visibility  1332 vuesnumbers21 questions
TechnoAvionsAirbusBoeing
quiz image

Histoire de l'automobile - Partie 1

visibility  1155 vuesnumbers12 questions
TechnoAutoHistoire
quiz image

Les plus grandes Inventions et leurs créateurs ou créatrices

visibility  326 vuesnumbers20 questions
TechnoScienceHistoire
quiz image

Histoire de l'automobile - Partie 2

visibility  613 vuesnumbers11 questions
TechnoAutoHistoire
quiz image

Panneaux de danger, partie 2 - Code de la route

visibility  514 vuesnumbers11 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Panneaux de signalisations des services, partie 1 - Code de la route

visibility  331 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Marques de voitures occidentales pour les connaisseurs

visibility  591 vuesnumbers15 questions
TechnoVoitureAutomobile
quiz image

Reconnaissez-vous les modèles de Peugeot ?

visibility  425 vuesnumbers13 questions
TechnoAutomobile
quiz image

Histoire de l'aviation - Partie 1

visibility  817 vuesnumbers10 questions
TechnoAvionHistoire
quiz image

UX & IoT (Internet of Things)

visibility  285 vuesnumbers16 questions
Techno
quiz image

Panneaux d'obligation - Code de la route

visibility  337 vuesnumbers13 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Les meilleures alternatives à Twitter/X en 2024 avec leurs logos

visibility  216 vuesnumbers14 questions
TechnoRéseauxInternetSocial
quiz image

Panneau d’information - Code de la route

visibility  320 vuesnumbers15 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Marques de voiture pour les Nuls

visibility  787 vuesnumbers13 questions
TechnoVoitureAutomobile
quiz image

Panneaux de priorité - Code de la route

visibility  486 vuesnumbers9 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Marques de voitures orientales pour les connaisseurs

visibility  728 vuesnumbers10 questions
TechnoAutoAutomobileVoiture
quiz image

Panneaux de signalisations des services, partie 2 - Code de la route

visibility  368 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Les avions de ligne pour les nuls

visibility  2046 vuesnumbers14 questions
TechnoAvion
quiz image

Panneaux de danger, partie 3 - Code de la route

visibility  346 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Logos de marques de voitures européennes

visibility  776 vuesnumbers14 questions
VieTechnoVoiture
quiz image

Logos de marques de voitures non-européennes

visibility  503 vuesnumbers17 questions
VieTechnoVoiture
quiz image

Le langage SMS pour les nuls - 3ème

visibility  559 vuesnumbers10 questions
TechnoAdolescentSMSPortable
quiz image

Connaissez-vous la marque de voitures Tesla ?

visibility  375 vuesnumbers11 questions
TechnoAutomobile
quiz image

Panneaux d'interdiction - Code de la route

visibility  754 vuesnumbers11 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Connaissez vous les différent types de vélo ?

visibility  332 vuesnumbers16 questions
SportTechnoVélo
quiz image

Histoire de l'aviation - Partie 2

visibility  1148 vuesnumbers10 questions
TechnoAvionHistoire
quiz image

Reconnaitre les réseaux sociaux à partir de leurs icônes (partie 1)

visibility  809 vuesnumbers11 questions
SocialTechnoRéseaux-Sociaux
quiz image

Reconnaitre les réseaux sociaux à partir de leur icône (partie 2)

visibility  549 vuesnumbers11 questions
SocialRéseaux-SociauxTechno
quiz image

Panneaux de danger, partie 1 - Code de la route

visibility  422 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Une fusée: Ariane 5

visibility  534 vuesnumbers14 questions
TechnoEspacefuséefusee
quiz image

Panneaux temporaires - Code de la route

visibility  394 vuesnumbers10 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Panneaux d'entrée en zones - Code de la route

visibility  341 vuesnumbers9 questions
VieTransportsVoituresRoutierCodePermis-de-conduireCirculationCultureG
quiz image

Le langage SMS pour les nuls !

visibility  1023 vuesnumbers10 questions
TechnoAdolescentSMSPortable
quiz image

Langage SMS pour les nuls - 2ème partie

visibility  555 vuesnumbers11 questions
TechnoPortableAdolescent
Home