Maison  >  Article  >  interface Web  >  Comment intégrer du code js en HTML

Comment intégrer du code js en HTML

王林
王林avant
2021-01-12 10:57:503517parcourir

Comment intégrer du code js en HTML

Comment intégrer du code javascript dans des pages HTML

(Partage vidéo d'apprentissage : Tutoriel vidéo HTML)

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script> 
</body> </html>

Au-dessus du le code produira cette sortie dans la page HTML :

Hello World!

Explication de l'exemple :

Si vous devez insérer un morceau de JavaScript dans la page HTML, nous devons utiliser le dd44268dccebd60adcad7a279db97bc4 et 2cacc6d41bbb37262a98f745aa00fbf0 indiquent au navigateur où commence et se termine JavaScript. Le champ

<html> <body> 
<script type="text/javascript"> ... </script>
 </body> </html>

document.write est une commande JavaScript standard utilisée pour écrire la sortie sur la page.

Après avoir saisi la commande document.write entre 4ec11beb6c39d0703d1751d203c17053 et 2cacc6d41bbb37262a98f745aa00fbf0, le navigateur l'exécutera comme une commande JavaScript. De cette façon, le navigateur écrira « Hello World ! » sur la page.

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script>
 </body> </html>

Remarque : si nous n'utilisons pas la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a, le navigateur traitera document.write("Hello World!") comme du texte brut, ce qui signifie que la commande elle-même sera traitée. la page.

Comment gérer les anciens navigateurs

Les navigateurs qui ne prennent pas en charge JavaScript afficheront le script comme contenu de la page. Pour éviter que cela ne se produise, nous pouvons utiliser des balises de commentaire HTML comme celle-ci :

<html> <body> 
<script type="text/javascript"> <!-- document.write("Hello World!"); //--> </script>
 </body> </html>

Les deux barres obliques à la fin de la ligne de commentaire sont des symboles de commentaire JavaScript, ce qui empêchera le compilateur JavaScript de compiler cette ligne.

Recommandations associées : Tutoriel HTML

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer