WunderQuiz
JavaScript: Web page integration
Connais-tu l'intégration de JavaScript dans les pages web ?
JavaScript: Web page integration
Connais-tu l'intégration de JavaScript dans les pages web ?
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>
<html>
<head>
... scripts go here
</head>
<body>
.. your text or HTML.
</body>
</html>
<javascript url="example.js">
<link href="example.js"></link >
<script href="example.js"></script>
<script src="example.js"></script>
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 ?
<js> alert(); </js>
<jscript> alert(); </jscript>
<script> alert(); </script>
<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="javascript:alert( 'hello' )"> ...
<a href="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>
<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 ?
window.open(testUrl);
window.create(testUrl);
new ClientWindow(testUrl);
new Window(testUrl);
Comment obtenir une référence à un élément DOM en JS standard ?
<p id="test">Hello</p>
<p id="test">Hello</p>
document.getElementById("test")
document.getElement("p")
document.getElementByName("test")
page.getById('#test')"
Comment afficher "Hello Test" dans une boîte d'alerte ?
window.alert("Hello Test");
alert("Hello Test");
document.alert("Hello Test");
new 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>
<html>
<head>
<script>
var title = document.getElementById( "hello" );
console.log( title );
</script>
</head>
<body>
<h1 id="hello">Hello World</h1>
</body>
</html>
title
hello
null
object
ⓘ
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.
