Tout le monde n'a pas JavaScript disponible dans son navigateur Web et un certain nombre de ceux qui utilisent des navigateurs où il est disponible l'ont désactivé. Il est donc nécessaire que votre page Web puisse fonctionner correctement pour ces personnes sans utiliser le moindre JavaScript. Pourquoi alors voudriez-vous ajouter JavaScript à une page Web qui fonctionne déjà sans?
Il existe plusieurs raisons pour lesquelles vous souhaiterez peut-être utiliser JavaScript sur votre page Web même si la page est utilisable sans JavaScript. La plupart des raisons sont liées à la fourniture d'une expérience plus conviviale à ceux de vos visiteurs qui ont activé JavaScript. Voici quelques exemples d'utilisation appropriée de JavaScript pour améliorer l'expérience de votre visiteur.
Lorsque vous avez des formulaires sur votre page Web que votre visiteur doit remplir, le contenu du formulaire devra être validé avant de pouvoir être traité. Vous aurez, bien sûr, une validation côté serveur qui valide le formulaire après son envoi et qui recharge le formulaire en soulignant les erreurs si quelque chose de non valide a été entré ou si des champs obligatoires sont manquants. Cela nécessite un aller-retour vers le serveur lorsque le formulaire est soumis pour effectuer la validation et signaler les erreurs. Nous pouvons accélérer considérablement ce processus en dupliquant cette validation à l'aide de JavaScript et en attachant une grande partie de la validation JavaScript aux champs individuels. De cette façon, la personne qui remplit le formulaire et qui a activé JavaScript a une rétroaction immédiate si ce qu'elle entre dans un champ est invalide au lieu de remplir le formulaire entier et de le soumettre, puis d'attendre que la page suivante se charge pour lui donner des commentaires . Le formulaire fonctionne avec et sans JavaScript et fournit des commentaires plus immédiats quand il le peut.
Un diaporama se compose d'un certain nombre d'images. Pour que le diaporama fonctionne sans JavaScript, les boutons suivant et précédent qui fonctionnent, le diaporama doivent recharger la page Web entière en remplaçant la nouvelle image. Cela fonctionnera mais sera lent, en particulier si le diaporama n'est qu'une petite partie de la page. Nous pouvons utiliser JavaScript pour charger et remplacer les images dans le diaporama sans avoir besoin de recharger le reste de la page Web et ainsi rendre le diaporama beaucoup plus rapide pour ceux de nos visiteurs avec JavaScript activé.
Un menu "suckerfish" peut fonctionner entièrement sans JavaScript (sauf dans IE6). Les menus s'ouvriront lorsque la souris les survolera et se fermeront lorsque la souris sera retirée. Une telle ouverture et fermeture sera instantanée avec le menu apparaissant et disparaissant. En ajoutant du JavaScript, nous pouvons faire apparaître le menu pour défiler lorsque la souris le déplace et revenir en arrière lorsque la souris s'en éloigne, donnant une apparence plus agréable au menu sans affecter le fonctionnement du menu.
Dans toutes les utilisations appropriées de JavaScript, le but de JavaScript est d'améliorer le fonctionnement de la page Web et de fournir à ceux de vos visiteurs qui ont activé JavaScript avec un site plus convivial que ce qui est possible sans JavaScript. En utilisant JavaScript de manière appropriée, vous encouragez ceux qui ont le choix d'autoriser ou non l'exécution de JavaScript à l'activer pour votre site. Rappelez-vous qu'un certain nombre de ceux qui ont le choix et qui ont choisi de désactiver JavaScript l'ont fait en raison de la manière dont certains sites utilisent complètement JavaScript de manière à rendre l'expérience de leur visiteur de leur site pire que meilleure. Ne faites-vous pas partie de ceux qui utilisent JavaScript de manière inappropriée et encouragez donc les gens à désactiver JavaScript.