关于hash和ico的一些关联

最近測试提出一个bug。说某几个页面中的ico不显示,于是针对此问题排查原因。

首先,确保页面中的link已引入favicon.ico。

经查看,发现是js中的location.hash导致了ico不显示。原因是在ico未载入完成时设置了location.hash从而导致ico不显示。

location.hash在项目中经经常使用到。用于url定位,比如http://h.liepin.com/#job-manage中的“#job-manage”。

解决方法例如以下(以当前项目为例。详细情况详细分析):

项目要点:1、页面内容是通过点击menu发送ajax请求过来的;

    2、进入页面的显示内容是某个menu的默认点击事件。

    3、设置location.hash是通过某个menu的点击事件。

这样就存在问题了。进入页面的时候就运行了menu的点击事件,于是就设置了location.hash。

能够这样做,设置一个变量,确保刚进入页面时不会设置location.hash。

$(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]);
});


原文地址:https://www.cnblogs.com/zsychanpin/p/6707213.html