js中获取上个页面的完整URL地址,包含域名、路由、参数
时间: 2024-02-02 19:04:53 浏览: 304
routex.js:在Next.js中管理动态路由的备用库
要获取上一个页面的完整 URL 地址,包括域名、路由和参数,可以使用 `document.referrer` 属性结合 `window.location` 对象来获取当前页面的完整 URL,并从中提取出域名部分。
以下是一个示例:
```javascript
var previousPageUrl = new URL(document.referrer);
var previousPageFullUrl = previousPageUrl.origin + previousPageUrl.pathname + previousPageUrl.search;
console.log(previousPageFullUrl);
```
首先,使用 `document.referrer` 获取上一个页面的 URL。然后,使用 `new URL()` 构造函数将其转换为 URL 对象。接下来,通过访问 URL 对象的 `origin`、`pathname` 和 `search` 属性,将域名、路由和参数拼接成完整的 URL 地址。最后,将其打印到控制台。
请注意,`document.referrer` 仅在当前页面通过链接或重定向跳转时才包含引荐信息。如果前一个页面没有提供引荐信息或直接通过 URL 访问当前页面,则 `document.referrer` 可能为空字符串。在使用之前最好做一些验证。
阅读全文