Une brève introduction à la dégradation gracieuse en JavaScript

La soi-disant dégradation fluide signifie que les visiteurs peuvent toujours parcourir votre page Web en douceur lorsque le navigateur ne prend pas en charge javascript ou que JavaScript est désactivé. Ce qui suit est une brève introduction à la dégradation fluide en js, pour ceux qui sont intéressés. regardez

La soi-disant dégradation douce signifie que les visiteurs peuvent toujours parcourir votre page Web en douceur lorsque le navigateur ne prend pas en charge JavaScript ou que JavaScript est désactivé ; c'est-à-dire que certaines fonctions ne peuvent pas être utilisées, mais les opérations de base peuvent toujours l'être. terminé avec succès.

Ici, nous utilisons l'ouverture d'un lien dans une nouvelle fenêtre comme exemple. Nous connaissons la méthode d'ouverture d'une nouvelle fenêtre en js :

window.open(url,name,features)

Ici, l'url est l'adresse URL de la page Web ouverte, le nom est le nom de la nouvelle fenêtre et les dernières fonctionnalités sont une série de paramètres

D'accord, écrivez maintenant une fonction simple :

function openwindow(winUrl){ 
window.open(winUrl,"new window","width = 320 , height = 480") 
}

Ensuite, vous pouvez appeler la fonction en utilisant le pseudo-protocole :

<a href = "javascript:openwindow(&#39;http://www.google.com&#39;);">google</a>

Cette approche peut fonctionner normalement dans les navigateurs qui prennent en charge le pseudo-protocole « JavaScript : » Run, les navigateurs qui ne prennent pas en charge JavaScript tenteront d'ouvrir le lien mais échoueront, tandis que les navigateurs avec JavaScript désactivé ne feront rien

Une autre approche consiste à utiliser onclick :

<a href = "#" onclick = "openwindow(&#39;http://www.google.com&#39;);return false;">google</a>

Ici, "#" représente un lien vide. Après avoir ajouté return false, la balise le travail ici est exécuté en onclick. Cependant, celui-ci ne peut toujours pas être ouvert dans un navigateur avec JavaScript désactivé.

Alors comment résoudre ce problème ? En fait, il vous suffit de :

<a href = "http://www.google.com" onclick = "openwindow(http://www.google.com);return false;">google</a>

ou :

<a href = "http://www.google.com" onclick = "openwindow(this.href);return false;">google</a>

Nous utilisons onclick pour exécuter la fonction JavaScript, mais l'url est bien renseignée dans l'attribut href De cette façon, si elle est dans un navigateur avec JavaScript désactivé, bien qu'elle ne puisse pas ouvrir une nouvelle fenêtre, dans la nouvelle fenêtre Ouvrez la connexion, mais au moins vous pouvez accéder à la page Web cible (page actuelle

Enfin, parlons de la raison pour laquelle la dégradation en douceur est utilisée. Vous avez peut-être cette idée : laissez ces navigateurs fonctionner. qui ont désactivé ou ne prennent pas en charge JavaScript. Est-il si important que le navigateur puisse accéder avec succès à votre site Web ? Après tout, il devrait y avoir très peu d'utilisateurs qui ne prennent pas en charge JavaScript ou qui désactivent toujours la fonction JavaScript ?

Il est vrai qu'il existe très peu de tels utilisateurs, mais c'est très important

Cet utilisateur peut être un robot de recherche - un programme automatisé qui parcourt diverses pages Web juste pour rejoindre le base de données des moteurs de recherche, tous les principaux moteurs de recherche ont des programmes similaires, mais la plupart des robots de recherche ne peuvent pas comprendre le code JavaScript, donc si votre page Web ne peut pas être dégradée en douceur, cela affectera grandement son classement dans le moteur de recherche.

Résumé

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!