Maison  >  Article  >  interface Web  >  Comment utiliser le code JavaScript ? Comment introduire une page HTML ?

Comment utiliser le code JavaScript ? Comment introduire une page HTML ?

不言
不言original
2019-01-10 14:59:4122801parcourir

Comment utiliser le code JavaScript ? Comment introduire une page HTML ? L'article suivant vous présentera deux façons d'écrire du code JavaScript dans des pages HTML. J'espère qu'il vous sera utile.

Comment utiliser le code JavaScript ? Comment introduire une page HTML ?

Avant d'apprendre JavaScript, nous devons d'abord comprendre comment utiliser le code JavaScript ? Jetons un coup d'œil à l'utilisation du code js.

Nous utilisons le code JavaScript de deux manières : L'une consiste à intégrer le code js directement dans la page HTML et l'autre consiste à lier des fichiers JavaScript externes.

Regardons d'abord la première utilisation : embarquer le code js directement dans la page HTML

Si on embarque le code JavaScript directement dans la page HTML, on besoin En utilisant la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a, 3f1c4e4b6b16bbbd69b2ee476dc4f83a et 2cacc6d41bbb37262a98f745aa00fbf0 indiquent à JavaScript où commencer et se terminer. La ligne de code entre

3f1c4e4b6b16bbbd69b2ee476dc4f83a et 2cacc6d41bbb37262a98f745aa00fbf0 contient du JavaScript :

<script>
alert("My First JavaScript");
</script>

n'importe où dans la page HTML (de préférence après la partie tête, partie corps) peut insérer un script balises.

Vous pouvez voir type="text/javascript" utilisé dans les balises 3f1c4e4b6b16bbbd69b2ee476dc4f83a, mais ce n'est plus nécessaire. JavaScript est désormais le langage de script par défaut dans tous les navigateurs modernes ainsi qu'en HTML5.

Regardons un exemple spécifique

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
</body>
</html>

Le code ci-dessus consiste à intégrer le code js directement dans la page HTML.

Jetons ensuite un coup d'œil à la deuxième utilisation de du code js : en créant un lien vers des fichiers JavaScript externes.

Parfois, s'il y a trop de codes JavaScript, nous pouvons mettre les codes séparément dans des fichiers JavaScript puis les lier entre eux.

Nous pouvons suivre les étapes suivantes pour lier des fichiers JavaScript externes

1. Nous créons d'abord un fichier JavaScript avec l'extension .js

2. write Le code js est écrit dans le fichier Js et le fichier est enregistré.

3. Utilisez des balises de script pour lier des fichiers JavaScript dans des fichiers HTML

8716eb4687688096de3d8954d4cc4f7f2cacc6d41bbb37262a98f745aa00fbf0

Une chose à noter est que dans une balise de script qui a introduit un fichier js externe, vous ne pouvez pas écrire de commandes Js dans sa balise de début et sa balise de fin.

Regardons un exemple spécifique

Nous créons d'abord un fichier js sample.js

puis écrivons le code js

document.write("<p>This is a paragraph</p>");

Enfin, utilisez la balise script pour lier le fichier JavaScript au fichier HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="sample.js"></script>
</body>
</html>

Voici ci-dessus les deux méthodes utilisées par le code js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn