js中获取上个页面的完整URL地址,包含域名、路由、参数
时间: 2024-02-02 12:04:53 浏览: 36
要获取上一个页面的完整 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` 可能为空字符串。在使用之前最好做一些验证。
相关问题
vue得h5 怎么获取 vue得域名地址
Vue的H5程序可以使用JavaScript内置对象location来获取当前页面的域名地址。location对象包含了有关当前URL的信息,如协议、主机名、端口号、路径名和查询参数等。可以使用location.hostname方法获取当前页面的域名。同时,Vue也提供了一些路由相关的功能,可以通过this.$route获取当前路由信息,其中包含了当前路由的路径和参数等信息。在Vue程序中获取域名地址的代码可以如下所示:
// 获取当前页面的域名
var hostname = location.hostname;
// 获取当前路由的路径
var path = this.$route.path;
// 获取当前路由的参数
var params = this.$route.params;
// 将获取到的值输出到控制台
console.log('hostname:', hostname);
console.log('path:', path);
console.log('params:', params);
当需要在Vue的模板中使用当前域名地址时,可以通过Vue的计算属性来实现:
<template>
<div>
当前域名地址:{{ domain }}
</div>
</template>
<script>
export default {
// 定义计算属性
computed: {
domain () {
// 返回当前域名地址
return location.hostname;
}
}
};
</script>
通过上述方法,可以轻松地在Vue的H5程序中获取当前域名地址,并在需要的地方进行使用。
window.open跳转路由
如果你想使用 window.open 方法来跳转到一个新的路由(URL),你可以将目标路由的 URL 作为参数传递给 window.open 方法。例如,假设你的网站使用前端框架(如React、Vue等),并且你想要通过 window.open 方法跳转到另一个路由,可以按照以下步骤进行操作:
1. 确保你已经导入了 window 对象,这在浏览器中是默认存在的。
2. 使用 window.open 方法,并将目标路由的 URL 作为参数传递给它。
例如,如果你的目标路由是 "/dashboard",你可以使用以下代码来实现跳转:
```javascript
window.open('/dashboard', '_blank');
```
在这个例子中,"_blank" 是第二个参数,它指定在新的标签页或窗口中打开目标路由。
请注意,这种方法只适用于前端路由,而不适用于直接跳转到其他域名或完整 URL。如果你需要跳转到其他域名或完整 URL,你可以直接使用 window.location.href 或 window.location.replace 方法。