Comment utiliser js en HTML

Comment utiliser js en HTML : 1. Utilisez [<script>] pour intégrer JavaScript dans HTML et utilisez l'attribut src lorsque vous utilisez [<script>] pour inclure des fichiers externes ; Les éléments < script>] doivent être placés dans les éléments de la page.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML 4.01, ordinateur DELL G3.

Comment utiliser js en HTML :

1 élément <script>

est utilisé en HTML Intégrer JavaScript<script>

HTML 4.01 définit les 6 attributs suivants pour

. <script>

•  : Facultatif. Indique que le script doit être téléchargé immédiatement, mais ne doit pas empêcher d'autres opérations sur la page, telles que le téléchargement d'autres ressources ou l'attente du chargement d'autres scripts. Valable uniquement pour les fichiers de script externes. async

•  : Facultatif. Le jeu de caractères représentant le code spécifié via l'attribut src. Cet attribut est rarement utilisé car la plupart des navigateurs ignorent sa valeur. charset

•  : Facultatif. Indique que le script peut être retardé jusqu'à ce que le document soit entièrement analysé et affiché. Valable uniquement pour les fichiers de script externes. IE7 et versions antérieures prennent également en charge cet attribut pour les scripts intégrés. defer

•  : obsolète. Initialement utilisé pour représenter le langage de script utilisé pour écrire du code (tel que JavaScript, JavaScript1.2 ou VBScript). La plupart des navigateurs ignorent cet attribut, il n'est donc pas nécessaire de l'utiliser. language

•  : Facultatif. Représente un fichier externe contenant du code à exécuter. src

•  : Facultatif. Peut être considéré comme un attribut alternatif au langage ; indiquant le type de contenu (également appelé type MIME) du langage de script utilisé pour écrire le code. Bien que text/javascript et text/ecmascript ne soient plus recommandés, les gens utilisent toujours text/javascript. En fait, le type type

MIME utilisé par le serveur lors de la transmission de fichiers JavaScript est généralement application/x–javascript, mais la définition de ce type peut entraîner l'ignorance du script. De plus, les valeurs suivantes peuvent également être utilisées dans les navigateurs non-IE :

application/javascript et application/ecmascript. Compte tenu de la convention et de la compatibilité maximale du navigateur, la valeur actuelle de l'attribut type est toujours

text/javascript. Cependant, cet attribut n'est pas obligatoire. Si cet attribut n'est pas spécifié, sa valeur par défaut est toujours text/javascript.

Il existe deux manières d'utiliser l'élément

 : intégrer du code JavaScript directement dans la page et inclure des fichiers JavaScript externes. Lorsque vous utilisez l'élément <script> pour intégrer du code JavaScript, il vous suffit de spécifier l'attribut type pour <script>. Ensuite, placez simplement le code JavaScript directement à l'intérieur de l'élément comme ceci : <script>

<script type="text/javascript">
function fun(){
    alert("hello")
}
</script>

Le code JavaScript contenu à l'intérieur de l'élément <script> sera interprété de haut en bas.

Aucun autre contenu de la page ne sera chargé ou affiché par le navigateur jusqu'à ce que l'interpréteur évalue tout le code

à l'intérieur de l'élément <script>

Lorsque vous utilisez <script> pour intégrer du code JavaScript, n'oubliez pas de ne pas inclure la chaîne </script> S'il doit être présent, utilisez le /escapes

</script>

lorsque vous utilisez l'attribut src lors de l'inclusion de fichiers externes à l'aide de <script>. Le traitement de la page est arrêté pendant l'analyse des fichiers externes (y compris les téléchargements). Aucun autre code ne peut être intégré au milieu du <script> avec l'attribut src, sinon il ne sera pas exécuté.

2. Position des balises

Selon la pratique traditionnelle, tous les éléments <script>

Faites ceci ou le navigateur commencera à afficher la page une fois que tous les fichiers js auront été téléchargés, analysés et exécutés (le navigateur ne commencera pas à restituer le contenu tant qu'il n'aura pas rencontré le corps)

Afin d'éviter ce problème , applications web modernes Généralement, toutes les guillemets JavaScript

sont placées après le contenu de la page dans l'élément, comme le montre l'exemple suivant :

<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>

De cette façon, le contenu de la page sera entièrement rendu avant que le code JavaScript inclus ne soit analysé dans le navigateur. Les utilisateurs auront également l'impression que la vitesse d'ouverture de la page est accélérée car le temps pendant lequel la fenêtre du navigateur affiche une page vierge est raccourci.

3. Mode document

doctype

Mode mixte

Mode standard

Mode quasi-standard

4. <noscript>

Cet élément peut contenir n'importe quel élément HTML pouvant apparaître dans le document Le contenu contenant

dans un élément

ne sera affiché que dans les conditions suivantes :

<noscript>[ ] Le navigateur ne prend pas en charge les scripts

[ ] Le navigateur fait des scripts ; , mais les scripts sont désactivés.

符合上述任何一个条件，浏览器都会显示<noscript>中的内容。而在除此之外的其他情况下，浏览器不会呈现<noscript>中的内容。示例：

<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="example1.js"></script>
<script type="text/javascript" defer="defer" src="example2.js"></script>
</head>
<body>
<noscript>
<p>本页面需要浏览器支持（启用） JavaScript。</p>
</noscript>
</body>
</html>

相关学习推荐：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!