js获取上一页访问的URL地址

最新推荐文章于 2024-04-30 09:42:50 发布

可乐6666

最新推荐文章于 2024-04-30 09:42:50 发布

阅读量3.9k

点赞数

分类专栏： JavaScript 跳转文章标签： url 上一页的url 返回上一页 document.referrer referrer

本文链接：https://blog.csdn.net/xuexizhe88/article/details/78205562

版权

JavaScript 同时被 2 个专栏收录

23 篇文章 2 订阅

订阅专栏

跳转

2 篇文章 0 订阅

订阅专栏

1、返回上一页我们可以使用history.go(-1)或者history.back();

2、再实际移动端开发中，页面分享出去，但是当前页面有返回按钮，如果使用history.go(-1)或者history.back()，用户点击返回按钮就找不到上一页了；

最初返回上一页按钮代码为

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

3、使用document.referrer记录上一页的url；问题解决

if (document.referrer === '') {
    // 没有来源页面信息,跳转至首页
    $('.back').attr('href', '/index.html');
}

4、经过查阅资料，可以设置meta标签来控制浏览器不发送referer

<meta content="never" name="referrer">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

可乐6666

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取上一页访问的URL地址

返回上一页我们可以使用history.go(-1)或者history.back();document.referrer记录上一页的url
复制链接

扫一扫

专栏目录

JavaScript获得当前网页来源页面（即上一页）的方法

12-08

本文实例讲述了JavaScript获得当前网页来源页面（即上一页）的方法。分享给大家供大家参考。具体如下：下面的JS代码通过document.referrer获得来源页面地址 <!DOCTYPE html> <html> <body> The referrer of this document is: [removed] [removed](document.referrer); [removed] </body> </html> 希望本文所述对大家的javascript程序设计有所帮助。

如何获取当前页面上一页的URL？

04-04

如评论中所述，您可以使用document.referrer属性，但请检查是否为null，因为它并不总是填写。

参与评论您还未登录，请先登录后发表或查看评论

JavaScript 上次访问的url

最新发布

ljh574649119的专栏

04-30

262

请注意，如果你的网站部署在不同的源（origin），例如从http://example.com跳转到https://example.com，document.referrer可能会因为协议安全性（protocol safety）被浏览器丢弃，这时你可能无法获取到正确的referrer。这个属性只有在通过链接或者脚本跳转到当前页面的情况下才会有值，如果是通过直接输入地址访问的，或者是页面刷新，那么这个属性的值将会是空字符串。

js获取上一个页面的连接地址

xioxi

09-11

5266

var prevurl=document.referrer; // 获取上一个页面的url地址 //搜索字符串里有没有"shopcart"相关字符 if(prevurl.search('shopcart') != -1){ $(".aui-pull-left").on('click',function(){ window.location.h...

使用JS获取上一页的url地址

weixin_30550271的博客

06-05

582

一般来说每个页面上面都有一个返回按钮，用来返回上一页，代码如下： <a href="javascript:history.go(-1)" class="jsBack"></a> 上面的代码其实就可以满足我们返回上一页面的需求，但是如果我们是从别的地方打开此链接的时候事实上是没有上一页的，为了提升用户的体验，我们可以使用js来控制当我们点击返回按钮时所进行的操作，...

js中的History 对象

你难忘的

09-24

2082

History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法： window.history.[属性|方法] 注意：window可以省略。 History 对象属性 History 对象方法使用length属性，当前窗口的浏览历史总长度，代码如下： <script type="text/java

js 查看上级路由历史、移动端返回页面刷新

weixin_45727786的博客

06-20

2198

js查看链接历史、路由历史，移动端返回后页面刷新

获取上一页的url地址

weixin_30561177的博客

07-17

410

Request.Headers.Get("REFERER")可以使用些方法获取上一页的url地址转载于:https://www.cnblogs.com/13306511495/archive/2005/12/07/292738.html

获取上一页面的URL和本页的URL的方法

10-25

在Web开发中，有时我们需要获取用户访问历史中的信息，例如上一页面的URL以及当前页面的URL。这在实现某些功能时非常有用，比如页面跟踪、数据统计、导航或者实现某些特定的交互逻辑。本节将详细介绍两种常用的方法...

使用vue-router切换页面时，获取上一页url以及当前页面url的方法

10-17

Vue Router提供了丰富的API和生命周期钩子，使得在页面切换过程中可以进行各种操作，比如获取上一个页面和当前页面的URL。在本文中，我们将深入探讨如何利用Vue Router的生命周期钩子`canActivate`和数据获取方法`...

js获取当前地址 JS获取当前URL的示例代码

10-26

本文将详细介绍如何使用JavaScript获取当前URL及其组成部分，并提供示例代码。 1. `document.URL`：这个属性返回当前浏览器窗口中加载的完整URL。包括协议（如http或https）、主机名、路径和查询字符串。例如：...

JS 获取当前页面的URL

04-23

NULL 博文链接：https://onestopweb.iteye.com/blog/2292540

js如何准确获取当前页面url网址信息

10-22

这个对象提供了多个属性，用于访问URL的不同部分： 1. `window.location.href`：这个属性表示完整的URL字符串。例如，`http://i.cnblogs.com/EditPosts.aspx?opt=11`。你可以通过设置这个属性来改变当前页面的URL或...

最详细的js获取当前url的方法

你若为我繁华，我愿成你烟花

11-14

1562

1、window.location.href(设置或获取整个 URL 为字符串) var test = window.location.href; alert(test); 返回：http://i.cnblogs.com/EditPosts.aspx?opt=1 2、window.location.protocol(设置或获取 URL 的协议部分) var test = window.loc...

获取上一页地址和当前地址（document.referrerf）

lsy__lsy的博客

06-20

2652

发发发

获取跳转过来的链接（上一页地址）

github_38928905的博客

04-09

4168

在本页通过document.referrer可以获取上一页的地址，但是需要用a标签跳转过来

js 在当前页获取上级页面的路径

weixin_33895695的博客

12-22

2847

var uri = document.referrer; var arrurl = uri.split('/'); console.log(arrurl[arrurl.length-1]); 转载于:https://www.cnblogs.com/zhang-2052975439/p/8085061.html

vue3获取上一个页面url地址

07-14

在 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` 时，确保已导航到至少两个页面，以便有可用的历史记录。