js中获取上个页面的URL地址
时间: 2024-04-19 20:28:06 浏览: 27
要在 JavaScript 中获取前一个页面的 URL 地址,可以使用 `document.referrer` 属性。该属性返回加载当前页面的上一个页面的 URL。
以下是一个示例:
```javascript
var previousPageUrl = document.referrer;
console.log(previousPageUrl);
```
通过将 `document.referrer` 赋值给变量 `previousPageUrl`,你可以获取前一个页面的 URL,并在控制台中打印出来。请注意,如果前一个页面没有提供引荐信息或者直接通过 URL 地址访问当前页面,则 `document.referrer` 可能为空字符串。因此,在使用之前最好做一些验证。
相关问题
vue3获取上一个页面url地址
在 Vue 3 中,你可以使用 Vue Router 提供的 `router` 对象来获取上一个页面的 URL 地址。具体方法如下:
1. 首先,确保你已经安装了 Vue Router,并在项目中进行了配置。
2. 在你需要获取上一个页面 URL 地址的组件中,可以通过 `$route` 对象访问当前路由信息。
3. 使用 `$route` 对象的 `fullPath` 属性来获取当前页面的完整路径。
4. 在组件中,可以使用 `$router` 对象的 `history` 属性来获取路由历史记录。
5. 通过 `history` 对象的 `length` 属性可以获取历史记录的长度。
6. 使用 `history` 对象的 `go()` 方法并传入 `-1` 参数,可以返回到上一个页面。
综上所述,以下是一个示例代码:
```javascript
// 在组件中
methods: {
getPreviousPageUrl() {
const previousPageIndex = this.$router.history.length - 2;
const previousPageUrl = this.$router.history.getRoutes()[previousPageIndex].fullPath;
console.log(previousPageUrl);
}
}
```
在以上示例中,我们通过获取路由历史记录的长度,并使用 `getRoutes()` 方法来获取路由记录列表。然后,通过索引值取得上一个页面的路由记录,并从中提取出完整的路径作为上一个页面的 URL 地址。最后,我们将其打印到控制台。
请注意,在使用 `$router.history` 时,确保已导航到至少两个页面,以便有可用的历史记录。
js中获取上个页面的完整URL地址,包含域名、路由、参数
要获取上一个页面的完整 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` 可能为空字符串。在使用之前最好做一些验证。