Maison > Article > interface Web > Comment placer un script JS dans un document HTML
Comment placer un script JS dans un document HTML
- 清浅original
- 2019-01-11 09:55:164647parcourir
Comment placer le script JS dans un document HTML : 1. Placez le script JS dans la balise
Placez le script JS dans la balise 4. Importez le script js en externe.
L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, html5&&javascript version 1.8.5.
Les scripts JS peuvent être placés dans la balise
, dans la balise , dans les balises et , ainsi que les scripts js introduits en externeNous pouvons placer du code JavaScript n'importe où dans le document HTML. Cependant, la meilleure façon de placer du code JavaScript dans un fichier HTML est la suivante
1 Dans la section
; .. . Placez le codedans la section body>
4. Écrivez un script dans un fichier externe, puis introduisez-le dans la section
... head>Les quatre méthodes seront expliquées en détail dans l'article
Cours JavaScript]
Dans la section ... head>Si vous souhaitez exécuter un script sur un certain événement, tel qu'un événement qui se déclenche lorsque l'utilisateur clique sur un emplacement, à ce moment-là, nous pouvons placer le script dans la tête
Image d'effet :<head>
<meta charset="UTF-8">
<title>Document</title>
<script type = "text/javascript">
function Hello() {
alert("Hello World")
}
</script>
</head>
Si vous devez exécuter un script lors du chargement de la page afin que le script génère du contenu dans la page, le script ira dans la section
Dans ce cas, aucune fonction ne sera définie à l'aide du code JavaScript dans les sections body> et<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
<p>页面加载时脚本就会生成内容</p>
</body>
</html>Rendu : . 
Fichier externe JavaScript dans
Lorsque nous devons réutiliser le même code JavaScript sur plusieurs pages du site Web, nous pouvons y parvenir en introduisant des fichiers js en externe. Pour faciliter la maintenance du même code, la balise script fournit un mécanisme qui permet à JavaScript d'être stocké dans un fichier externe puis inclus dans le fichier HTML.<head>
<meta charset="UTF-8">
<title>Document</title>
<script type = "text/javascript">
function Hello() {
alert("Hello World")
}
</script>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
Code HTML
Fichier js externe
Rendu :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script src="111.js"></script> </head> <body> <input type = "button" onclick = "Hello()" value = "点击" /> </body> </html>
Résumé : ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tous ceux qui apprennent JavaScript.
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!