Les scripts JavaScript en ligne peuvent-ils avoir un attribut source ?

La question se pose concernant la validité d'avoir un script JavaScript en ligne avec un attribut source, tel que :

Contrairement à l'utilisation courante de JavaScript où les scripts sont inclus via un attribut source et exécutés séparément, cet exemple tente de combiner les deux approches.

Comportement officiel

Le comportement officiel, tel que défini par la spécification HTML 4.01, dicte qu'un script en ligne ne peut pas avoir d'attribut source. La spécification indique :

"Si l'attribut src n'est pas défini, les agents utilisateurs doivent interpréter le contenu de l'élément comme le script. Si le src a une valeur URI, les agents utilisateurs doivent ignorer le contenu de l'élément et récupérer le script via l'URI."

Cela signifie que le contenu du script en ligne sera ignoré si un attribut source est présent.

Comportement du navigateur

Dans En pratique, les principaux navigateurs interprètent cette spécification comme suit :

• Chrome, Firefox, Edge : Le contenu du script en ligne est ignoré et seul le script défini dans le fichier source est exécuté.
• Safari : Le script en ligne et le fichier source sont exécutés.

Bonnes pratiques

Pour éviter En cas d'incohérences potentielles du navigateur, il est recommandé d'utiliser soit un script en ligne, soit un fichier de script distinct, mais pas les deux simultanément. Cette approche garantit un comportement cohérent et prévisible sur tous les navigateurs.