Analyse de corrélation du hachage et de l'ico dans les compétences js_javascript

Cet article analyse certaines relations entre hash et ico dans js à travers des exemples. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Des tests récents ont révélé un bug, indiquant que les icônes sur certaines pages n'étaient pas affichées, nous avons donc étudié la cause de ce problème.

Tout d'abord, assurez-vous que le lien dans la page a introduit favicon.ico. Après vérification, il a été constaté que le location.hash dans js empêchait l'affichage de l'icône. La raison en est que location.hash est défini lorsque l'icône n'est pas chargée, ce qui empêche l'affichage de l'icône.

location.hash est souvent utilisé dans les projets de positionnement d'URL, tels que "#job-manage" dans http://h.liepin.com/#job-manage.

La solution est la suivante (prendre le projet actuel comme exemple et analyser la situation spécifique en détail) :

Points du projet :

1. Le contenu de la page est envoyé en cliquant sur le menu pour envoyer une requête ajax

2. Le contenu affiché lors de l'entrée dans la page est l'événement de clic par défaut d'un certain menu

;

3. La définition de location.hash s'effectue via l'événement de clic d'un certain menu.

Il y a un problème lors de l'entrée dans la page, l'événement click du menu est exécuté, donc location.hash est défini.

Vous pouvez le faire en définissant une variable pour vous assurer que location.hash n'est pas défini lorsque vous entrez pour la première fois sur la page.

$(function(){
 $('.menu a').click(function(event,hashBoolean){
  var that = $(this);
  $.ajax({
   url:'',
   type:'GET',
   data:{},
   cache:false,
   dataType:'json',
   success:function(data){
    if(data.flag == 1){
     if(!hashBoolean) location.hash = ['id',that.attr('data-id')].join('=');
    }
   }
  });
 });
 
 $('.menu a').eq(0).trigger('click',[true]);
});

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.