js中hash和ico的关联分析

更新时间：2015年02月05日 11:18:17 作者：喵小夕

这篇文章主要介绍了js中hash和ico的关联分析,以实例形式分析了location.hash与ico的加载顺序关系,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例分析了js中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]);
});

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

使用 Node.js 做 Function Test实现方法
这篇文章介绍了Node.js 做 Function Test实现方法，有需要的朋友可以参考一下
2013-10-10
webpack的pitching loader详解
这篇文章主要介绍了webpack的pitching loader详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
iframe调用父页面函数示例详解
这篇文章主要介绍了iframe如何调用父页面函数，下面有个不错的示例，大家可以参考下
2014-07-07
three.js安装和使用完整步骤
Three.js是一个JavaScript库,用于在Web浏览器中创建3D Web图形,下面这篇文章主要给大家介绍了关于three.js安装和使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
2023-11-11
JS array数组检测方式解析
这篇文章主要介绍了JS array数组检测方式解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
artdialog的图片/标题以及关闭按钮不显示的解决方法
正如标题所言不显示的原因是因其它css样式文件中包含div{ overflow:hidden; }引起的artdialog的图片以及关闭按钮不显示，具体的解决方法如下，感兴趣的朋友可以参考下哈
2013-06-06
Bootstrap 表单验证formValidation 实现远程验证功能
这篇文章主要介绍了Bootstrap 表单验证formValidation 实现远程验证功能,需要的朋友可以参考下
2017-05-05
微信小程序switch组件使用详解
这篇文章主要为大家详细介绍了微信小程序switch组件的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-01-01
微信小程序全局状态的深入讲解
这篇文章主要介绍了微信小程序全局状态的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
JS生成和下载二维码的代码
本文给大家分享一段js代码关于生成和下载二维码功能，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-12-12