JS如何判断有没有上一页

在做一个项目的时候,用户有个简单的需求,可以在当前页面点击返回上一页,用下面的js代码即可实现。

window.history.go(-1)

但是,如果那个页面是直接打开的,没有上一页面的浏览记录时,点击返回上一页,会返回空白或者501错误。

解决办法,判断下是否存在上一页,实现代码如下:

document.referrer === '' ?
window.location.href = 'http://www.xintheme.com' :
window.history.go(-1);

意思就是,如果有上一页历史记录则返回上一页,没有则返回指定的页面链接。

 

扩展思路:

此方法也可用于自定义登录页面,登录后返回之前所浏览的页面,JoyTheme主题的登录页面页是用的这个办法。

分享海报

关于我

大胡子,男,生于1994年,河南洛阳人。

很多人对我的网名有误解,这里顺便解释一下,我姓胡,大胡子这个网名始于2013年,早期的一些网友管我叫胡子,然后我就给自己取了个网名叫「大胡子」,这里的「大」是长大了的意思。

自由职业者,8年WordPress网站开发经验,不善言辞,喜欢爬山、摄影,油泼面的粉丝,和很多人一样,包揽了生活中不同的角色和位置。

如果你有网站相关类的业务需求,可以联系我哦,期待与你的合作~