Comment fonctionne JavaScript en ligne avec HTML ?

Le en ligne javascript représente le morceau de code écrit entre le Tags dans le .html déposer. De plus, JavaScript a la capacité d'appeler et de pousser les données au serveur. Par conséquent, il fournit une manipulation DOM en utilisant différentes fonctions intégrées. Dans ce but, en ligne javascript est utile pour réduire la complexité en utilisant un certain nombre de fichiers JavaScript dans un programme. Il est de la meilleure pratique à des fins de démonstration afin que les développeurs n'aient pas besoin de basculer entre les fichiers JavaScript.

Dans cet article, les utilisateurs comprendront comment JavaScript en ligne fonctionne avec HTML. Les résultats de ce post sont:

• Comment fonctionne JavaScript en ligne dans HTML?
• Comment ajouter en ligne JavaScript avec HTML?

Comment fonctionne JavaScript en ligne dans HTML?

Le navigateur interprète le code comme javascript en écrivant entre Mots clés. Sinon, il est traité comme du texte brut. Le La balise peut spécifier un fichier de script externe par l'utilisation du SRC attribut. L'avantage de l'utilisation de JavaScript en ligne dans Html Les fichiers doivent réduire l'aller-retour du navigateur Web vers le serveur. De plus, un appel supplémentaire à un fichier javascript est évité en utilisant le code javascript dans le Html déposer. La syntaxe suivante fait référence à l'utilisation du JavaScript en ligne avec HTML:

Syntaxe

La paire de balises et le code JavaScript à l'intérieur des balises sont le principal facteur d'identification de JavaScript en ligne.

Comment ajouter en ligne JavaScript avec HTML?

Jusqu'à présent, vous avez appris les informations de base sur JavaScript en ligne. Ici, nous montrerons pratiquement comment un javascript en ligne peut être ajouté. Passons aux exemples:

Exemple 1: Afficher un message avec un fichier html

Un exemple est adapté pour afficher un message à l'intérieur Tags dans le document HTML.

Code

Exemple d'utilisation du code JavaScript dans le fichier html

Dans cet exemple, le document.écrire() La méthode est utilisée pour présenter le message «Bienvenue à JavaScript".

Sortir

Le résultat du code affiche le message "Bienvenue à JavaScript World”Dans la fenêtre du navigateur.

Exemple 2: Utilisation d'une boîte à alerte pour présenter un message

Un exemple est expliqué ici dans lequel une méthode est utilisée pour afficher un message dans une boîte d'alerte.

Code

Un autre exemple d'utilisation du code JavaScript dans le fichier html

Veuillez appuyer sur-le pour faire apparaître une fenêtre

La description du code est répertoriée ci-dessous:

• Le code commence par la balise suivie de quelques éléments HTML.
• Après cela, un disp () la méthode est définie pour faire apparaître une boîte d'alerte dans le étiqueter.
• Dans la boîte d'alerte, un message «Bienvenue dans JavaScript World» est affiché.

Sortir

Le résultat renvoie un lien qui est énoncé comme "S'il vous plaît, appuyez sur pour faire apparaître une fenêtre" dans le navigateur.

Après avoir appuyé sur le lien, une nouvelle fenêtre contextuelle est générée qui affiche le message "Bienvenue à JavaScript".

Voici! Vous avez également appris le concept de JavaScript en ligne et son application.

Conclusion

En ligne JavaScript est ajouté dans un document HTML avec l'aide de TAG. En ligne JavaScript réduit les demandes créées par la page Web. Cet article donne un détail sur le fonctionnement de JavaScript en ligne avec HTML. Le JavaScript en ligne est facile à intégrer avec des problèmes de complexité moindre. Cependant, dans le cas d'un JavaScript grand / complexe, il est recommandé de considérer le JavaScript externe car le JavaScript en ligne affectera la lisibilité / réutilisabilité du code global.