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调试工具(下载)
Jan 09 Javascript
window.onload 加载完毕的问题及解决方案(下)
Jul 09 Javascript
jquery ajax 检测用户注册时用户名是否存在
Nov 03 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
Dec 03 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 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使用正则过滤js脚本代码实例
2014/05/10 PHP
Javascript模板技术
2007/04/27 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
vue中eventbus被多次触发以及踩过的坑
2017/12/02 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
使用element-ui table expand展开行实现手风琴效果
2019/03/15 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
[01:10]DOTA2次级职业联赛 - EP战队宣传片
2014/12/01 DOTA
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
django 发送手机验证码的示例代码
2018/04/25 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
python实现图片压缩代码实例
2019/08/12 Python
python实现单链表的方法示例
2019/09/03 Python
分享PyCharm的几个使用技巧
2019/11/10 Python
python logging添加filter教程
2019/12/24 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
教你怎样写好自我评价
2013/10/05 职场文书
学生拾金不昧表扬信
2014/01/21 职场文书
精彩的广告词
2014/03/19 职场文书
2015年城乡环境综合治理工作总结
2015/07/24 职场文书