js中hash和ico的关联分析
本文实例分析了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(){
$('.menua').click(function(event,hashBoolean){
varthat=$(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('=');
}
}
});
});
$('.menua').eq(0).trigger('click',[true]);
});
希望本文所述对大家的javascript程序设计有所帮助。
热门推荐
10 喜得孙子祝福语简短唯美
11 婚礼祝福语简短朴实大众
12 员工周年祝福语大全简短
13 家长回复节日祝福语简短
14 简短生日祝福语老同学
15 夜雨祝福语简短10字
16 蛋糕祝福语简短闺蜜
17 部门过年祝福语简短独特
18 简短精炼的结婚祝福语