Code JavaScript" à la page. La balise script est utilisée pour définir les scripts clients. Cet élément peut soit contenir des instructions de script, soit être pointé par l'attribut src."/> Code JavaScript" à la page. La balise script est utilisée pour définir les scripts clients. Cet élément peut soit contenir des instructions de script, soit être pointé par l'attribut src.">

Maison >interface Web >tutoriel HTML >Comment utiliser JavaScript en HTML

Comment utiliser JavaScript en HTML

醉折花枝作酒筹
醉折花枝作酒筹original
2021-06-15 11:37:573101parcourir

En HTML, vous pouvez utiliser javascript dans la balise script, ajoutez simplement le code "<script>JavaScript代码</script>" à la page. La balise script est utilisée pour définir les scripts clients. Cet élément peut soit contenir des instructions de script, soit pointer vers

via l'attribut src : Système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Apprentissage recommandé : Tutoriel vidéo HTML

1 Utilisez l'élément de script

<script>
    //JavaScript代码
</script>

HTML 4.01 définit 6 attributs pour 3f1c4e4b6b16bbbd69b2ee476dc4f83a

.
  • async (facultatif)

    indique que le script doit être téléchargé immédiatement, mais n'entrave pas d'autres opérations sur la page, comme le téléchargement d'autres ressources ou d'autres scripts à charger. Valable uniquement pour les fichiers de script externes

//异步脚本
<script type="text/javascript" defer="defer" src="first.js"></script>
<script type="text/javascript" defer="defer" src="second.js"></script>
//指定async属性的目的是不让页面等待这两个脚本下载和执行,从而异步加载页面其他内容。
//但是不保证它们的先后顺序,也就是第二个脚本可能在第一个脚本之前执行。
  • charset (facultatif, rarement utilisé)
    spécifie la valeur de caractère du code, la plupart des navigateurs ignoreront, rarement utilisé

  • defer (facultatif)
    indique que le script peut être retardé jusqu'à ce que le document soit entièrement analysé et affiché. Valable uniquement pour les fichiers externes.

//延迟脚本
<script type="text/javascript" defer="defer" src="first.js"></script>
<script type="text/javascript" defer="defer" src="second.js"></script>
//添加defer属性之后,直到遇到</html>才会执行,也就是最后最后执行就是它了
  • langage (obsolète)
    Utilisé pour indiquer le langage de programmation utilisé pour écrire du code, obsolète

  • src (facultatif)
    représente un fichier externe contenant du code à exécuter

<script type="text/javascript" src="first.js"></script>
//外部文件first.js将被加载到当前页面中
//注意注意呀,此时在<script>和</script>之间不再包含额外的JavaScript代码,因为这些额外的代码将会被忽略,不执行!!!
rrree
  • type (facultatif)
    peut être considéré comme des substituts de langage, généralement utilisés sont type=text/javascript, qui ne sont pas obligatoirement

    pour être inclus dans 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 qui seront expliqués de haut en bas. Aucun autre contenu de la page ne sera chargé et affiché tant que tout le code contenu dans l'élément 3f1c4e4b6b16bbbd69b2ee476dc4f83a interprété n'aura pas été évalué.

2. Position de l'étiquette

  • Approche traditionnelle
    Tous les 3f1c4e4b6b16bbbd69b2ee476dc4f83a fichiers externes .css et .js au même endroit.
    Mais cela empêchera le contenu de la page dans 6c04bd5ca3fcae76e30b72ad730ca86d d'être rendu tant que tout le code JavaScript n'aura pas été téléchargé et interprété. Oh mon Dieu, et s'il y avait beaucoup de codes JavaScript ? ! ! À première vue, la fenêtre du navigateur semblera vide. Qu'est-ce que c'est ?

  • Bonne pratique
    Placez toutes les références JavaScript après le contenu de l'élément 6c04bd5ca3fcae76e30b72ad730ca86d >

  • <script type="javascript" src="www.somewhere.com/file.ja"></script>
    //也就是说src还可以包含来自外部域的.js文件,而不仅仅是自己编写的。功能更加强大。
    //注意注意呀,外部域的.js文件可能不可控,所以要么你是它的所有者、要么他的所有者值得信赖、要么就不要使用!!!
3. Choix d'intégrer du code ou des fichiers externes

Il n'y a bien sûr aucun problème pour intégrer du JavaScript en html. Mais la meilleure pratique consiste à utiliser des fichiers externes pour contenir du code JavaScript autant que possible. Il présente les avantages suivants :

  • Maintenabilité

    Mettre des fichiers .js dans un dossier est beaucoup plus pratique à maintenir sans toucher aux balises HTML

  • Cacheable

    Si deux pages utilisent le même fichier .js, il ne sera téléchargé qu'une seule fois pour accélérer le chargement des pages

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