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 相关文章推荐
JS随机漂浮广告代码具体实例
Nov 19 Javascript
jquery单行文字向上滚动效果示例
Mar 06 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 Javascript
手机浏览器唤起微信分享(JS)
Oct 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和XSL stylesheets转换XML文档
2006/10/09 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
PHP+Mysql分布式事务与解决方案深入理解
2021/02/27 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
2017/01/04 Javascript
正则 js分转元带千分符号详解
2017/03/08 Javascript
React教程之Props验证的具体用法(Props Validation)
2017/09/04 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
vue项目实现减少app.js和vender.js的体积操作
2020/11/12 Javascript
[02:42]2014DOTA2国际邀请赛 三冰专访:我会打到Ti20
2014/07/13 DOTA
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
python之Character string(实例讲解)
2017/09/25 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
使用python实现ftp的文件读写方法
2019/07/02 Python
详解python中groupby函数通俗易懂
2020/05/14 Python
Python虚拟环境venv用法详解
2020/05/25 Python
MAC彩妆澳洲官网:M·A·C AU
2021/01/17 全球购物
失业者真诚求职信范文
2013/12/25 职场文书
实习生求职自荐信
2014/02/07 职场文书
《记承天寺夜游》教学反思
2014/02/16 职场文书
《小草和大树》教学反思
2014/02/16 职场文书
大学生在校学习的自我评价
2014/02/18 职场文书
2014植树节活动总结
2014/03/11 职场文书
市场推广策划方案
2014/06/02 职场文书
2015年志愿者服务工作总结
2015/04/20 职场文书
2015年污水处理厂工作总结
2015/05/26 职场文书
2016年元旦寄语
2015/08/17 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书