WunderQuiz

JavaScript: Web page integration

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

1287, 10, Crée par : hecmec

JavaScript: Web page integration

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

Thèmes :

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>

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

Dans le FOOTER

Dans la section BODY

Entre HEAD et BODY

Dans la section HEAD

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

<jscript> alert(); </jscript>

<js> alert(); </js>

<javascript> alert(); </javascript>

ⓘ

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 ?

<a href="alert( 'hello' )"> ...

<a href="javascript:alert( 'hello' )"> ...

<a href="call(alert( 'hello' ))"> ...

<a href="func=>alert( 'hello' )"> ...

ⓘ

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>

load

head

body

ⓘ

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);

new Window(testUrl);

window.open(testUrl);

window.create(testUrl);

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


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

document.getElementByName("test")

document.getElementById("test")

document.getElement("p")

page.getById('#test')"

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

new Alert("Hello Test");"

document.alert("Hello Test");

alert("Hello Test");

window.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>

object

title

hello

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.

WunderQuiz

JavaScript: Web page integration

JavaScript: Web page integration

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>

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

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

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

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

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>

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

Comment obtenir une référence à un élément DOM en JS standard ?<p id="test">Hello</p>

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

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>

JavaScript - ES5 - Comment marche 'this' ?

JavaScript: Les bases

CSS Flex Layout - Partie 2

L'histoire de l'internet

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

CSS Flex Layout - Partie 1

Reconnaitre les avions, Boeing vs Airbus

Histoire de l'automobile - Partie 1

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

Histoire de l'automobile - Partie 2

Panneaux de danger, partie 2 - Code de la route

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

Marques de voitures occidentales pour les connaisseurs

Reconnaissez-vous les modèles de Peugeot ?

Histoire de l'aviation - Partie 1

UX & IoT (Internet of Things)

Panneaux d'obligation - Code de la route

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

Panneau d’information - Code de la route

Marques de voiture pour les Nuls

Panneaux de priorité - Code de la route

Marques de voitures orientales pour les connaisseurs

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

Les avions de ligne pour les nuls

Panneaux de danger, partie 3 - Code de la route

Logos de marques de voitures européennes

Logos de marques de voitures non-européennes

Le langage SMS pour les nuls - 3ème

Connaissez-vous la marque de voitures Tesla ?

Panneaux d'interdiction - Code de la route

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

Histoire de l'aviation - Partie 2

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

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

Panneaux de danger, partie 1 - Code de la route

Une fusée: Ariane 5

Panneaux temporaires - Code de la route

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

Le langage SMS pour les nuls !

Langage SMS pour les nuls - 2ème partie

JavaScript - ES5 - Comment marche 'this' ?

JavaScript: Les bases

CSS Flex Layout - Partie 2

L'histoire de l'internet

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

CSS Flex Layout - Partie 1

Reconnaitre les avions, Boeing vs Airbus

Histoire de l'automobile - Partie 1

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

Histoire de l'automobile - Partie 2

Panneaux de danger, partie 2 - Code de la route

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

Marques de voitures occidentales pour les connaisseurs

Reconnaissez-vous les modèles de Peugeot ?

Histoire de l'aviation - Partie 1

UX & IoT (Internet of Things)

Panneaux d'obligation - Code de la route

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

Panneau d’information - Code de la route

Marques de voiture pour les Nuls

Panneaux de priorité - Code de la route

Marques de voitures orientales pour les connaisseurs

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

Les avions de ligne pour les nuls

Panneaux de danger, partie 3 - Code de la route

Logos de marques de voitures européennes

Comment inclure des fichiers js externes dans une page web ?
`<html> <head> ... scripts go here </head> <body> .. your text or HTML. </body> </html>`

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>`

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

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

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>`