Comment utiliser le code JavaScript ? Comment introduire une page HTML ?-js tutoriel-php.cn

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

不言

Libérer： 2022-04-02 19:37:10

original

22800 Les gens l'ont consulté

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 <script>, <script> et </script> indiquent à JavaScript où commencer et se terminer. La ligne de code entre

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

Copier après la connexion

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 <script>, 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. </p><p>Regardons un exemple spécifique<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><!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></pre><div class="contentsignin">Copier après la connexion</div></div><p>Le code ci-dessus consiste à intégrer le code js directement dans la page HTML. </p><p>Jetons ensuite un coup d'œil à la deuxième utilisation de <strong></strong> du code <strong>js : en créant un lien vers des fichiers JavaScript externes. </strong></p><p>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. </p><p>Nous pouvons suivre les étapes suivantes pour lier des fichiers JavaScript externes <br/></p><p>1. Nous créons d'abord un fichier JavaScript avec l'extension .js</p><p>2. write Le code js est écrit dans le fichier Js et le fichier est enregistré. </p><p>3. Utilisez des balises de script pour lier des fichiers JavaScript dans des fichiers HTML </p><p><script type="text/javascript" src="Nom et chemin du fichier JavaScript"></script>

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

Copier après la connexion

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>

Copier après la connexion

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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