Passer au contenu

Comment éviter les conflits entre scripts ?

Solution : en regroupant les appels de scripts.

Vous avez intégré dans une page Web deux animations en JavaScript, une présentation à l’ouverture de votre page et un menu. Or ces scripts, qui s’exécutaient correctement chacun de leur côté, ne fonctionnent plus lorsqu’ils sont ensemble. Cela est dû à un conflit entre scripts. Il suffit que des déclarations de variables, des noms de fonction ou des gestionnaires d’événements (Event-handler) soient les mêmes dans les deux programmes pour qu’au moins l’un d’eux devienne inactif.La plupart des scripts sont exécutés après l’occurrence d’un événement, comme le passage de la souris ou la fin du chargement d’une page. Cela se traduit, dans votre code source, par les balises ou window.onload=votrescript. Si l’une de ces fonctions est présente, le script qui la contient est lancé au chargement de votre page. Si vous avez deux ou plusieurs scripts qui contiennent l’une ou l’autre de ces fonctions, vous êtes alors face à un conflit.Il est assez simple de l’éviter. Il suffit de regrouper tous les appels de scripts dans une fonction unique. Le listing ci-dessous présente trois scénarios et leur solution. Si vous voulez combiner plusieurs scripts dans une page, la procédure est exactement la même.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


Joathon Clément