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 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语