JavaScript Où
JavaScript, vous pouvez être mis dans le body et dans les sections <head> d'une page HTML.
JavaScript dans <body>
L'exemple ci-dessous manipuler le contenu d'un élément existant <p> chargement de la page:
Exemple
<!DOCTYPE html>
<html>
<body><h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
<html>
<body><h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
Essayez vous-même »
Remarque: Le JavaScript est placé au bas de la page pour vous assurer qu'il n'est pas exécutée avant l'élément <p> est créé.
Des fonctions JavaScript et événements
La déclaration JavaScript dans l'exemple ci-dessus, est exécuté lorsque la page se charge, mais ce n'est pas toujours ce que nous voulons.
Parfois, nous voulons exécuter du code JavaScript lorsqu'un événement se produit, par exemple quand un utilisateur clique sur un bouton.
Puis nous avons mis le script dans un fonction .
Les fonctions sont normalement utilisés en combinaison avec les événements .
Vous en apprendrez plus sur les fonctions JavaScript et les événements dans les chapitres suivants.
Des fonctions JavaScript dans <head>
L'exemple ci-dessous appelle une fonction quand un bouton est cliqué:
Exemple
<!DOCTYPE html>
<html><head>
<script type="text/javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
<html><head>
<script type="text/javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
Essayez vous-même »
Des fonctions JavaScript dans <body>
Cet exemple appelle également une fonction quand un bouton est cliqué, mais le script est placé au bas de la page:
Exemple
<!DOCTYPE html>
<html>
<body><h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script type="text/javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</body>
</html>
<html>
<body><h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script type="text/javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</body>
</html>
Essayez vous-même »
Scripts dans <head> et <body>
Vous pouvez placer un nombre illimité de scripts dans votre document, et vous pouvez avoir des scripts à la fois le corps et la section de tête, en même temps.
Il s'agit d'une pratique courante de mettre toutes les fonctions dans la section head, ou au bas de la page. De cette façon, ils sont tous en un seul endroit et ne pas interférer avec le contenu des pages.
L'utilisation d'un JavaScript externe
JavaScript peut également être placé dans des fichiers externes.
Des fichiers JavaScript externes contiennent souvent du code pour être utilisé sur plusieurs pages web différentes.
Des fichiers JavaScript externes ont l'extension de fichier. Js.
Remarque: le script externe ne peut pas contenir l'<script> </ script> balises!
Pour utiliser un script externe, pointez sur le fichier js dans le attribut "src" de la balise <script>.:
Exemple
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="myScript.js"></script>
</body>
</html>
<html>
<body>
<script type="text/javascript" src="myScript.js"></script>
</body>
</html>
Essayez vous-même »
Remarque: Vous pouvez placer le script dans la tête ou le corps que vous le souhaitez.
Note: Le script va se comporter comme il a été localisé dans le document, exactement là où vous le mettez.
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT