English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Complète des étiquettes HTML

HTML: <script> balise

HTML <script>étiquette est utilisée pour intégrer ou référencer des scripts clients (par exemple JavaScript). Cette étiquette est également appelée l'élément <script>. Note : les balises de début et de fin ne peuvent pas être omises.

Exemple en ligne

Sortie de JavaScript "HTML5 Script Tag Example":

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>HTML script étiquette d'utilisation (Tutoriels de base du Web oldtoolbag.com)</title> 
<!-- HTML4 et (x)HTML -->
<script type="text}}/javascript" src="functions.js">
<!-- HTML5 -->
<script src="/js/functions.js"></script>
</<head>
<body>
<script type="text}}/javascript">
  document.write("HTML5 Script Tag Example");</script>
</body>
</html>
Testez pour voir ‹/›

Dans cet HTML5Dans l'exemple de document, nous avons utilisé la balise <script> à l'intérieur de la balise <head> pour référencer un fichier javascript nommé functions.js. Nous avons également utilisé la balise <script> à l'intérieur de la balise <body> pour afficher le texte " HTML5Exemple de balise de script

Veuillez noter que,type="text/javascript" HTML5Le marqueur <script> n'est pas nécessaire dans le document.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs主流 supportent la balise <script>.

Définition et instructions d'utilisation des balises

L'élément <script> est utilisé pour définir des scripts clients, comme JavaScript.

L'élément <script> peut contenir des instructions de script ou pointer vers un fichier de script externe via l'attribut "src".

JavaScript est généralement utilisé pour les opérations sur les images, la validation des formulaires et les modifications de contenu dynamiques.

Astuces et remarques

Remarque :Si l'attribut "src" est utilisé, l'élément <script> doit être vide.

Remarque ::Les balises de début et de fin ne peuvent pas être omises.

Astuce :Voir aussi <noscript> L'élément est très utile pour ceux qui ont désactivé les scripts dans leur navigateur ou dont le navigateur ne prend pas en charge les scripts clients.

Remarque : Il existe plusieurs méthodes pour exécuter des scripts externes :

  • Si async="async" : Le script s'exécute de manière asynchrone par rapport au reste de la page (lorsque la page continue à être analysée, le script est exécuté)

  • Si async n'est pas utilisé mais defer="defer" : Le script est exécuté lorsque la page est complètement analysée

  • Si ni async ni defer n'est utilisé : L'exécution et la lecture immédiates du script ont lieu avant que le navigateur ne continue à解析 le page

HTML 4.01 Et HTML5Les différences entre

Dans HTML 4 Dans5 Est optionnel dans

L'attribut "async" est HTML5 nouvel attribut.

HTML5 Ne supporte plus HTML 4.01 Certaines des propriétés : "xml:space".

Les différences entre HTML et XHTML

Dans XHTML, le type de contenu des scripts est déclaré comme #PCDATA (à la place de CDATA), ce qui signifie que les entités seront analysées.

Cela signifie que dans XHTML, tous les caractères spéciaux doivent être codés ou que tout le contenu doit être encapsulé dans une section CDATA :

<script type="text}}/javascript">
//<![CDATA[
var i=10;
if (i<5)
{
    // Contenu du code
}
//]]>
</script>

Attribut

New : HTML5 nouvel attribut.

AttributValeurDescription
asyncHTML5asyncDétermine l'exécution asynchrone du script (seulement pour les scripts externes).
charsetcharsetDétermine le codage des caractères utilisé dans le script (seulement pour les scripts externes).
deferdeferDétermine si le script doit être exécuté après que la page ait été complètement analysée (seulement pour les scripts externes).
srcURLDétermine l'URL du script externe.
typeMIME-type

Détermine le type MIME du script.
text/javascript
text/ecmascript
application/javascript
application/ecmascript

xml:spacepreserveHTML5 Non pris en charge. Détermine si les espaces blancs dans le code doivent être conservés.

Attributs globaux

Le balise <script> supporte Attributs globaux de HTML.

Articles associés

HTML tutoriel :HTML script