返回上一頁,我們經常用:
history.go(-1)//返回上一頁(括號中寫-2代表返回上兩頁) history.back()//返回上一頁 返回
在大部分場景下,上面辦法可以滿足我們的交互需求,但是,在有些時候,上面的代碼就有些心有力而氣不足,因為當前頁面的referrer并不總是存在的。
比方說用戶是通過微信分享進來的,直接進入了內頁,此時是沒有上一頁的,返回按鈕再怎么點擊都沒有任何反應,就會讓用戶很奇怪,十有八九會認為是出現了bug,則會讓用戶對產品的品質抱有疑慮,那問題可就大了。
那么現在就用到了document.referrer。
如果發現瀏覽器沒有上一頁來源信息,我們就把返回按鈕的鏈接改成首頁的鏈接地址,這樣無論什么時候,用戶點擊返回按鈕一定是會有反應的,并且返回首頁從邏輯上講也是合情合理的。而這里判斷是否有沒有來源信息就是使用這里的document.referrer,當瀏覽器得不到上一頁的來源信息的時候,document.referrer的返回值就是空字符串'',于是就有類似下面的代碼:
if (document.referrer === '') { // 沒有來源頁面信息的時候,改成首頁URL地址
$('.jsBack').attr('href', '/');
}這樣就能實現這個功能了。
上一篇: TQ系統如何放到自己的網站上
下一篇: 網站建設的文字排版設計 小細節大問題
關鍵詞:



