Maison > Article > interface Web > Comment utiliser js en HTML
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.
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
. 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
: 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
2. Position des balises
Selon la pratique traditionnelle, tous les éléments 3f1c4e4b6b16bbbd69b2ee476dc4f83aFaites 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 documentdoctype
Mode mixte
Mode standard
Mode quasi-standard
4. 2b0b25ff593c5b6c03403dd6234ffb2cCet é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!