1. 程式人生 > >使用JS獲取上一頁的url地址

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

點擊 返回上一頁 操作 首頁 javascrip 使用 沒有 控制 滿足

一般來說每個頁面上面都有一個返回按鈕,用來返回上一頁,代碼如下:

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

上面的代碼其實就可以滿足我們返回上一頁面的需求,但是如果我們是從別的地方打開此鏈接的時候事實上是沒有上一頁的,為了提升用戶的體驗,我們可以使用js來控制當我們點擊返回按鈕時所進行的操作,關鍵代碼如下:

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

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

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

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