js中hash和ico的关联分析


Posted in Javascript onFebruary 05, 2015

本文实例分析了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程序设计有所帮助。

Javascript 相关文章推荐
用JavaScript事件串连执行多个处理过程的方法
Mar 09 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
读jQuery之十四 (触发事件核心方法)
Aug 23 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
JavaScript组件焦点与页内锚点间传值的方法
Feb 02 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
May 06 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
jQuery实现每隔几条元素增加1条线的方法
Jun 27 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
Jun 13 Javascript
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
js Element Traversal规范中的元素遍历方法
Apr 19 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 #Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 #Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 #Javascript
Javascript数组操作函数总结
Feb 05 #Javascript
Javascript毫秒数用法实例
Feb 05 #Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 #Javascript
node.js集成百度UE编辑器
Feb 05 #Javascript
You might like
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
JavaScript 拖拉缩放效果
2008/12/10 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
2011/12/20 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
2015/08/10 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
2018/06/08 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
2020/11/27 Vue.js
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
Python pickle模块用法实例分析
2015/05/27 Python
Python+django实现文件下载
2016/01/17 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
python3下pygame如何实现显示中文
2020/01/11 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
Pandas替换及部分替换(replace)实现流程详解
2020/10/12 Python
详解纯CSS3制作的20种loading动效
2017/07/05 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
宠物店的创业计划书范文
2014/01/11 职场文书
电力公司个人求职信范文
2014/02/04 职场文书
中学劳技课教师的自我评价
2014/02/05 职场文书
环境建设实施方案
2014/03/14 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
Python闭包的定义和使用方法
2022/04/11 Python