JavaScript >> Javascript 文檔 >  >> Tags >> URL

如何在 JavaScript 中獲取上一頁 URL

您可以使用 document.referrer 屬性以獲取 JavaScript 中的上一頁 URL。它是一個只讀屬性,返回加載當前文檔的文檔的 URL。

let lastPageUrl = document.referrer
console.log(`Last visited page URL is ${lastPageUrl}`)

注意 document.referrer 不是 100% 準確的。大多數情況下,如果用戶通過單擊鏈接導航到當前頁面,您將獲得用戶訪問的最後一頁的 URL。

但是,document.referrer 的值 如果用戶通過在地址欄中輸入 URL 或使用書籤直接導航到該頁面,則該字符串將為空字符串。

影響 document.referrer 值的另一件事 是 rel="noreferrer" HTML 屬性。這會通過從 HTTP 標頭中刪除引薦信息來防止將引薦來源信息傳遞到目標網站。

如果您單擊帶有 rel="noreferrer" 的鏈接 HTML 屬性,您不會在打開的頁面上獲得任何引薦來源信息。

如果你只是想返回上一頁而不知道 URL,你可以使用 HTML5 History API:

history.back() // Go back to last visited page
history.forward() // Go to the next page

Tutorial JavaScript 教程
  1. 為什麼兩個相同的對像不相等?

  2. 將 CSS 添加到您的 HTML

  3. 有沒有人為數千個節點製作了一個虛擬化的 javascript 樹? [關閉]

  4. 使用服務綁定將 Node.js 應用程序連接到 Red Hat OpenShift Streams for Apache Kafka

  5. 我在我的 Discord 機器人上添加“自動審核”功能時遇到問題

  6. JavaScript 系列、逆向工程、最佳實踐和間諜

  7. TypeError:Object(...) 不是函數 (React)

  1. Javascript 切換與 if...else if...else

  2. 使用 Node 和 http-console 進行 HTTP 調試

  3. 我的第一個擴展👨🏻‍💻

  4. 在 VueJS 中滾動你自己的 SVG 拖放

  5. 如何檢查字符串是否是有效的十六進制顏色表示?

  6. 減少payload:壓縮、縮小、204s

  7. 添加谷歌身份驗證功能。

  1. gRPC-Gateway 的多合一指南

  2. 像老闆一樣導入 Javascript 子文件夾模塊。

  3. 使用 Node.js 與 Google Analytics API 交互

  4. 它並不總是在另一邊更環保