English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
JavaScript rend les pages HTML plus dynamiques et interactives ; il est possible d'implémenter des effets spéciaux sur les pages web via JavaScript.
Insérer un segment de script
Comment insérer un script dans un document HTML ?
Utilisez le tag <noscript>
Comment gérer les navigateurs qui ne prennent pas en charge ou désactivent les scripts ?
Le tag <script> est utilisé pour définir des scripts clients, comme JavaScript.
L'élément <script> peut contenir des instructions de script ou pointer vers un fichier de script externe via l'attribut src.
JavaScript est le plus souvent utilisé pour les opérations sur les images, la validation des formulaires et la mise à jour dynamique du contenu.
Le script suivant enverra "Hello World!" au navigateur :
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
</body>
</html>Voyons voir ‹/›Le tag <noscript> fournit un contenu de remplacement lorsque les scripts ne peuvent pas être utilisés, par exemple lorsque les scripts sont désactivés dans le navigateur ou lorsque le navigateur ne prend pas en charge les scripts clients.
L'élément <noscript> peut contenir tous les éléments trouvés dans l'élément body d'une page HTML.
Le contenu de l'élément <noscript> est affiché uniquement lorsque le navigateur ne prend pas en charge les scripts ou que les scripts sont désactivés :
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
Désolé, votre navigateur ne prend pas en charge JavaScript !/noscript>
<p>Les navigateurs qui ne supportent pas JavaScript utiliseront le contenu (texte) défini dans l'élément <noscript> pour le remplacer.</p>
</body>
</html>Voyons voir ‹/›Exemple de code JavaScript:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base (oldtoolbag.com)</title>
</head>
<body>
<p>
JavaScript utilise document.write pour écrire directement dans le flux de sortie HTML :
</p>
<script>
document.write("<h1>C'est un H1Titre/h1");
document.write("<p>Voici un paragraphe P.</p>");
</script>
<p>
Vous ne pouvez utiliser <strong>document.write</strong> que dans le flux de sortie HTML./strong>。
Si vous utilisez cette fonction après que le document soit chargé (par exemple dans une fonction), elle couvrira tout le document.
</p>
</body>
</html>Voyons voir ‹/›<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base (oldtoolbag.com)</title>
</head>
<body>
<h1>Mon premier script JavaScript </h1>
<p id="demo">
JavaScript peut déclencher des événements, comme un clic sur un bouton.</p>
<script>
function test_js()
{
document.getElementById("demo").innerHTML="Hello JavaScript(oldtoolbag.com)!";
}
</script>
<button type="button" onclick="test_js()">Cliquez-moi</button>
</body>
</html>Voyons voir ‹/›!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base (oldtoolbag.com)</title>
</head>
<body>
<h1>Mon premier paragraphe JavaScript</h1>
<p id="demo">
JavaScript peut changer le style des éléments HTML (oldtoolbag.com)。
</p>
<script>
function test_js()
{
x=document.getElementById("demo") // Trouver l'élément
x.style.color="#ff3300"; // Changer le style
}
</script>
<button type="button" onclick="test_js()">Cliquez ici</button>
</body>
</html>Voyons voir ‹/›| Balise | Description |
| <script> | Définit le script client |
| <noscript> | Définit le texte sorti par les navigateurs qui ne supportent pas les scripts |