Heim > Fragen und Antworten > Hauptteil
三叔2016-11-09 09:59:54
拿首页分页链接来说:
3
搜索引擎的爬虫会根据href访问/index.php?page=3获取第3页数据,利于SEO.
用户在浏览器里右键选择"在新标签页中打开"也能正常访问到/index.php?page=3.
如果用户在页面直接点击链接,则触发click事件,由JS通过AJAX加载并渲染局部数据,以及设置location.hash为/index.php#/page/3.
location.hash = "#/page/3";
浏览器能够自行记住location.hash历史记录,我们只需监听location.hash改变的事件hashchange(支持IE8,不支持IE7/6)就能实现用户点击浏览器返回按钮时重新加载页面的效果.
$(window).on("hashchange", function(){ alert(location.hash); //输出#/page/2 var arr = location.hash.split("/"); // ["#", "page", "2"] if(arr[1] == "page") { page(arr[2]); //AJAX局部加载第2页数据 //location.href = "/index.php?page="+arr[2]; //直接访问第2页 } });
上面这种"SEO和体验并重的超链接设计"应该能满足楼主需求,不过需要一定的改造成本.
代言2016-11-09 09:59:26
无法阻止浏览的history.back()等行为
可以考虑设置页面为无缓存
$nocache = array( 'Expires' => '0', 'Cache-Control' => 'no-store,private, post-check=0, pre-check=0, max-age=0', 'Pragma' => 'no-cache' ); foreach($nocache as k => $v) header($k.': '.$v);
如果真的要拒绝后退,可以使用以下方法模拟,考虑做一道跳转,这样后退一次,会自动跳到当前页面,近似于刷新
header('Location: index.php');