window.history,页面中的返回按钮-飞外

如果页面是从一个微信上的链接跳过去的,或者直接在浏览器输入地址进去的,此时回不到上一页,我们可以用 document.referrer 来判断有没有上一页,如果没有可以强制他进入某一个页面
if (document.referrer === '') { // 没有来源页面信息的时候,改成首页URL地址 $$('.jsBack').attr('href', '/'); }

二、链接跳转历史URL不记录

从a页面进入到test3此页面,test3页面跳到test4页面,test4页面跳到test3页面,test4、test3页面循环,此时使用history.back()就会循环返回test4,test3,

如果有一个需求是我点击返回直接返回到a页面,不进行循环,这时我们可以使用页面链接跳转历史URL不记录,test3跳到test4,test4跳到test3这个跳转历史不记录,于是使用history.back()或者点击返回就能直接返回a页面

方法如下:
//页面链接跳转历史URL不记录 var fnUrlReplace = function (eleLink) { if (!eleLink) { return; var href = eleLink.href; if (href /^#|javasc/.test(href) === false) { if (history.replaceState) { history.replaceState(null, document.title, href.split('#')[0] + '#'); location.replace(''); } else { location.replace(href); //最终结果是用了这个进行跳转 //这个链接就是不需要进行记录跳转的链接 document.getElementsByTagName('a')[0].onclick = function (event) { if (event event.preventDefault) { event.preventDefault(); fnUrlReplace(this); return false; };

上面的代码中,a连接的跳转使用了 location.replace(href);

该方法是将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,

因此当使用replace方法之后,你不能通过“前进”和“后 退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!