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 相关文章推荐
java script编程起步(第三课)
Jan 10 Javascript
利用javascript实现一些常用软件的下载导航
Aug 03 Javascript
jquery $.ajax各个事件执行顺序
Oct 15 Javascript
window.ActiveXObject使用说明
Nov 08 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
Javascript调用C#代码
Jan 17 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
Jun 05 Javascript
JS实现简易贪吃蛇游戏
Aug 24 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
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
document.getElementBy("id")与$("#id")有什么区别
2013/09/22 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
基于Javascript实现倒计时功能
2016/02/22 Javascript
移动端 一个简单易懂的弹出框
2016/07/06 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
JavaScript易错知识点整理
2016/12/05 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
angularjs实现简单的购物车功能
2017/09/21 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
2017/11/13 jQuery
微信小程序录音与播放录音功能
2017/12/25 Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
2019/01/18 jQuery
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
python获取豆瓣电影简介代码分享
2014/01/16 Python
Python with用法实例
2015/04/14 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
Tensorflow 自定义loss的情况下初始化部分变量方式
2020/01/06 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
毕业生的自我鉴定
2013/10/29 职场文书
建筑专业毕业生推荐信
2013/11/21 职场文书
10的分与合教学反思
2014/04/30 职场文书
2014年服务行业工作总结
2014/11/18 职场文书
2014年合同管理工作总结
2014/12/02 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
springboot如何初始化执行sql语句
2021/06/22 Java/Android
python获取字符串中的email
2022/03/31 Python