Une balise `` peut-elle avoir à la fois `src` et du contenu, et quelle est la fiabilité de son fonctionnement sur tous les navigateurs ?

Comprendre la balise de script avec à la fois src et Content

En HTML, la balise de script est couramment utilisée pour charger et exécuter du code JavaScript. Généralement, l'attribut src est utilisé pour spécifier l'URL d'un fichier JavaScript externe. Cependant, dans certains cas, une balise de script peut également inclure du contenu dans les balises d'ouverture et de fermeture.

Exemple tiré du bouton 1 de Google :

Considérez le code suivant tiré du bouton 1 de Google :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {"parsetags": "explicit"}
</script>

Considérez le code suivant provenant du bouton 1 de Google : 1 bouton :

Dans cet exemple, la balise script possède à la fois un attribut src, pointant vers un fichier JavaScript externe, et contenu dans les balises.

Comportement et fiabilité du navigateur :

Différents navigateurs gèrent ce scénario de différentes manières. Certains navigateurs exécutent le contenu si l'attribut src est inclus avec succès sans erreur. D'autres tentent d'inclure le script src et d'exécuter le contenu quel que soit le succès.

Comportement imprévisible et dépréciation en HTML5 :

Cependant, ce comportement est très imprévisible et peu fiable. En HTML5, l'utilisation à la fois de src et de content dans une balise de script est interdite. En effet, le comportement du navigateur peut varier considérablement, entraînant des problèmes de compatibilité potentiels.

Approche de Google :

L'approche de Google dans l'exemple ci-dessus ne dépend d'aucun navigateur spécifique. comportement. Le contenu de la balise de script est un littéral d'objet, qui est une valeur statique. Lorsque le navigateur l'exécute, aucune action significative n'est effectuée en dehors d'une erreur silencieuse. Au lieu de cela, le code de Google analyse lui-même le contenu de la balise de script et ajuste son comportement en conséquence.

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!