Lumière sur la Séparation du HTML et du JavaScript

TAATJENE
Il est courant d'observer un code présenté ainsi :

 onchange="validateDate(this);" /> 

L'appel JavaScript est inclus au sein du HTML. Cela rend plus
difficile la lecture et la maintenance du code (ce qui vaut au
JavaScript sa mauvaise réputation de code instable et difficile à
maintenir), mais surtout, cela mélange la couche relevant proprement
des données du document et la couche relevant du comportement de
l'interface.
Il est pourtant possible de faire la même chose de la manière suivante : on réalise du pur HTML d'une part, et on
ttache un événement depuis un fichier JavaScript d'autre part. Ce qui donne,
en HTML :
Et dans le fichier JavaScript :
document.getElementById( "datefield" )
.addEventListener( 'change', function()
{ do_something(); }, false );
Cette façon est appelée discrète car l'association avec l'action JavaScript n'est plus incluse dans le HTML mais se réalise par l'assignation d'un événement sur un élément du DOM. Le code JavaScript se rattache alors sur le DOM par la sélection de l'attribut id de l'élément HTML.
L'essence même du concept de JavaScript discret se trouve dans la séparation des couches. Il se voit donc appliquer un certain nombre de principes :
  1. Un respect strict du DOM du W3C
  2. D'une manière plus générale, l'utilisation de concepts déjà présents dans d'autres langages de programmation comme l'encapsulation, les couches d'abstraction, les conventions de nommage, l'utilisation des design pattern appropriés et des tests systématiques.BY TAATJENE

Comments

Popular Posts