Maison  >  Article  >  interface Web  >  Comment utiliser js en HTML

Comment utiliser js en HTML

coldplay.xixi
coldplay.xixioriginal
2021-03-04 14:18:038874parcourir

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

Comment utiliser js en HTML

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 3f1c4e4b6b16bbbd69b2ee476dc4f83a

est utilisé en HTML Intégrer JavaScript3f1c4e4b6b16bbbd69b2ee476dc4f83a

HTML 4.01 définit les 6 attributs suivants pour

. 3f1c4e4b6b16bbbd69b2ee476dc4f83a

  •  : 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 3f1c4e4b6b16bbbd69b2ee476dc4f83a pour intégrer du code JavaScript, il vous suffit de spécifier l'attribut type pour 3f1c4e4b6b16bbbd69b2ee476dc4f83a. Ensuite, placez simplement le code JavaScript directement à l'intérieur de l'élément comme ceci : 3f1c4e4b6b16bbbd69b2ee476dc4f83a

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

Le code JavaScript contenu à l'intérieur de l'élément 3f1c4e4b6b16bbbd69b2ee476dc4f83a 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 3f1c4e4b6b16bbbd69b2ee476dc4f83a

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

2cacc6d41bbb37262a98f745aa00fbf0

lorsque vous utilisez l'attribut src lors de l'inclusion de fichiers externes à l'aide de 3f1c4e4b6b16bbbd69b2ee476dc4f83a. 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 3f1c4e4b6b16bbbd69b2ee476dc4f83a avec l'attribut src, sinon il ne sera pas exécuté.

2. Position des balises

Selon la pratique traditionnelle, tous les éléments 3f1c4e4b6b16bbbd69b2ee476dc4f83a

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. 2b0b25ff593c5b6c03403dd6234ffb2c

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

dans un élément

ne sera affiché que dans les conditions suivantes :

2b0b25ff593c5b6c03403dd6234ffb2c[ ] Le navigateur ne prend pas en charge les scripts

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

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

<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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn