在做一个项目的时候,用户有个简单的需求,可以在当前页面点击返回上一页,用下面的js代码即可实现。
window.history.go(-1)
但是,如果那个页面是直接打开的,没有上一页面的浏览记录时,点击返回上一页,会返回空白或者501错误。
解决办法,判断下是否存在上一页,实现代码如下:
document.referrer === '' ?
window.location.href = 'http://www.xintheme.com' :
window.history.go(-1);
意思就是,如果有上一页历史记录则返回上一页,没有则返回指定的页面链接。
扩展思路:
此方法也可用于自定义登录页面,登录后返回之前所浏览的页面,JoyTheme主题的登录页面页是用的这个办法。