问题代码:
跳转的代码:
(在js里面动态生成) 拼接时注意 \' 转义字符,因为要传的参数url必须是字符串
html+=
'<a class="shuoming_color" href="#" οnclick="lookAt(\' '+url+'\')">'+
'<span class="apply-dpt-text">'+obj[i].value+'</span>'+
'</a>';
跳转的js:
function lookAt(url){
window.location.href=url;
}
回退的代码:
<a href="javascript:void(0)" class="header_back"></a>
$(".header_back").on("click",function(){
window.history.go(-1);
})
问题描述:
从详情页返回列表页单击时,必须单击两次才能实现后退的效果。
问题原因:
原因:当从info1.html跳转到info2.html的lookAt单击时,会执行两个事件。第一次刷新当前页面因为href="#" 第二次才会执行跳转动作
此时的历史纪录history中 是
页面0. list.html
页面1. info1.html
页面2. info1.html#
页面3. info2.html
所以当从info2.html 单击返回时,是返回到 info1.html#
问题来了:要想回到list.html页面 单击需要单击两次
单击第一次返回,到了 info.html------感官上页面没有变化,(其实路径变了,从info1.html#----->info1.html)
单机第二次返回,才到list.html页面
正确代码:
'<a class="shuoming_color" href="javascript:void(0)" οnclick="lookAt(\''+url+'\')">'+
'<span class="apply-dpt-text">'+obj[i].value+'</span>'+
'</a>';