Différence entre javascript intrusif et discret

Question

Quelle est la différence entre javascript intrusif et discret - en anglais simple. La brièveté est appréciée. De courts exemples sont également appréciés.

Answer 1

Aucun javascript dans le balisage n'est discret :

Intrusive :

 <div onclick="alert('obstrusive')">Information</div>

Discret :

 <div id="informationHeader">Information</div>

 window.informationHeader.addEventListener('click', (e) => alert('unobstrusive'))

Answer 2

1. Séparation du HTML et du JavaScript (définissez votre JavaScript dans des fichiers JavaScript externes)
2. Dégradation gracieuse ( des parties importantes de la page fonctionnent toujours avec JavaScript désactivé).

Pour une longue explication, consultez la page Wikipedia sur le sujet.

Answer 3

Pour développer la réponse de Mike : l'utilisation du comportement UJS est ajoutée "plus tard".

 <div id="info">Information</div>

... etc ...

// In an included JS file etc, jQueryish.
$(function() {
    $("#info").click(function() { alert("unobtrusive!"); }
});

UJS peut également impliquer une légère dégradation (mon genre préféré), par exemple, un autre moyen d'accéder à la #info , peut-être en fournissant un lien équivalent. En d'autres termes, que se passe-t-il s'il n'y a pas de JavaScript, ou si j'utilise un lecteur d'écran, etc.