Heim  >  Artikel  >  Web-Frontend  >  Korrelationsanalyse von Hash und ICO in js_javascript-Fähigkeiten

Korrelationsanalyse von Hash und ICO in js_javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:15:411004Durchsuche

In diesem Artikel werden einige Beziehungen zwischen Hash und ICO in js anhand von Beispielen analysiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Kürzlich durchgeführte Tests ergaben einen Fehler, der besagte, dass die Symbole auf einigen Seiten nicht angezeigt wurden. Deshalb haben wir die Ursache dieses Problems untersucht.

Stellen Sie zunächst sicher, dass der Link auf der Seite favicon.ico eingeführt hat. Nach der Überprüfung wurde festgestellt, dass der location.hash in js dazu führte, dass das ICO nicht angezeigt wurde. Der Grund dafür ist, dass location.hash gesetzt wird, wenn das ICO nicht geladen ist, was dazu führt, dass das ICO nicht angezeigt wird.

location.hash wird häufig in Projekten zur URL-Positionierung verwendet, beispielsweise „#job-manage“ in http://h.liepin.com/#job-manage.

Die Lösung lautet wie folgt (nehmen Sie das aktuelle Projekt als Beispiel und analysieren Sie die konkrete Situation im Detail):

Projektpunkte:

1. Der Seiteninhalt wird durch Klicken auf das Menü gesendet, um eine Ajax-Anfrage zu senden

2. Der angezeigte Inhalt beim Aufrufen der Seite ist das Standard-Klickereignis eines bestimmten Menüs

3. Das Festlegen von location.hash erfolgt über das Klickereignis eines bestimmten Menüs.

Beim Betreten der Seite wird das Klickereignis des Menüs ausgeführt, sodass location.hash gesetzt ist.

Sie können dies tun, indem Sie eine Variable festlegen, um sicherzustellen, dass location.hash nicht festgelegt ist, wenn Sie die Seite zum ersten Mal aufrufen.

$(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]);
});
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn