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 01 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
基于jquery的手风琴图片展示效果实现方法
Dec 16 Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
JavaScript类型系统之Object详解
Jan 07 Javascript
Javascript生成带参数的二维码示例
Oct 10 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
javascript自定义右键菜单插件
Dec 16 Javascript
JQuery表单元素取值赋值方法总结
May 12 jQuery
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
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
php实现在站点里面添加邮件发送的功能
2020/04/28 PHP
php格式化json函数示例代码
2016/05/12 PHP
CMSPRESS 10行代码搞定 PHP无限级分类2
2018/03/30 PHP
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
Css3制作变形与动画效果
2015/07/24 Javascript
jQuery获取cookie值及删除cookie用法实例
2016/04/15 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
VSCode配置react开发环境的步骤
2017/12/27 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
prettier自动格式化去换行的实现代码
2020/08/25 Javascript
js实现网页随机验证码
2020/10/19 Javascript
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Python排序搜索基本算法之归并排序实例分析
2017/12/08 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
python利用tkinter实现屏保
2019/07/30 Python
python中open函数的基本用法示例
2019/09/07 Python
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
最新茶叶店创业计划书
2014/01/14 职场文书
婚礼司仪主持词
2014/03/14 职场文书
法院先进个人事迹材料
2014/05/04 职场文书
标准版离职证明书
2014/09/12 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
安全生产感想
2015/08/07 职场文书
Python如何导出导入所有依赖包详解
2021/06/08 Python
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL