使用JS獲取上一頁的url地址

通常來講每一個頁面上面都有一個返回按鈕,用來返回上一頁,代碼以下:javascript

<a href="javascript:history.go(-1)" class="jsBack"></a>

上面的代碼其實就能夠知足咱們返回上一頁面的需求,可是若是咱們是從別的地方打開此連接的時候事實上是沒有上一頁的,爲了提高用戶的體驗,咱們能夠使用js來控制當咱們點擊返回按鈕時所進行的操做,關鍵代碼以下:java

if (document.referrer === '') {
    $('.jsBack').attr('href', '/');
}

上面的意思是當咱們點擊的時候進行判斷,若是document.referrer爲空字符串,它就會返回首頁,這樣對用戶的體驗來講也比較好。spa

referrer:referrer 屬性可返回載入當前文檔的文檔的 URL,其實就是上一個頁面。code

相關文章
相關標籤/搜索