美文网首页
单页应用获取 Referrer Url

单页应用获取 Referrer Url

作者: 邱杉的博客 | 来源:发表于2018-08-10 09:49 被阅读0次
//因为单页面应用的特殊性,需要手动计算 refurl
var _getRefUrl = function(absUrl, refUrl) {
    var tempAbsUrl = sessionStorage.getItem(‘absUrl’);
    var tempRefUrl = sessionStorage.getItem(‘refUrl’)
    if(tempAbsUrl === null && tempRefUrl === null) { 
        //首次进入系统
        //存入本地存储
        tempAbsUrl = absUrl;
        sessionStorage.setItem(‘absUrl’, absUrl);
        tempRefUrl = refUrl;
        sessionStorage.setItem(‘refUrl’, refUrl);
    } else if(absUrl !== tempAbsUrl) { 
        //当前页面不等于缓存的页面,说明已切换页面。替换缓存中的refurl
        sessionStorage.setItem(‘refUrl’, tempAbsUrl);
        tempRefUrl = tempAbsUrl;
        sessionStorage.setItem(‘absUrl’, absUrl);
        tempAbsUrl = absUrl;
    }

    return {‘absUrl’: tempAbsUrl, ‘refUrl’: tempRefUrl};
}

调用函数 _getRefUrl(location.absUrl(), window.document.referrer); 注:location.absUrl()是angularjs获取当前页面的url方法;

相关文章

  • 单页应用获取 Referrer Url

    调用函数 _getRefUrl(location.absUrl(), window.document.referr...

  • JS获取前一个访问页面的URL地址document.referr

    一、JS获取前一个访问页面的URL地址document.referrer JS获取前一个访问页面的URL地址doc...

  • vue-router使用 history 模式刷新后404问题

    因为我们的应用是单页客户端应用,当使用 history 模式时,URL 就像正常的 url,可以直接访问,但是因为...

  • 获取网站搜索来源

    判断从哪个搜索工具找到你的网站,document.referrer(上级URL),这个可以获取到你上级页面,如果看...

  • 单页应用与多页应用

    一、单页应用 利用Vue开发的应用是单页面应用,在url变化时,js会感知到,然后动态地将当前页面上的内容清除...

  • 单页应用

    什么是单页应用 单页Web应用,就是只有一张Web页面的应用。 单页应用的优势 单页应用的缺点 开发框架 代码隔离...

  • js获取url来路document.referrer

    需求:项目开发过程中需要从A页面跳到B页面的底部导航的第二个按钮的切换页面(B页面是三个tab切换组成) 思路:在...

  • referrer

    referrer 属性可返回载入当前文档的文档的 URL。 document.referrer:可直接返回当前文档...

  • Vue - day4

    day4 5. SPA单页应用 5.1 锚点及常规url的区别 普通的URL地址:会刷新整个页面;会追加浏览历史记...

  • 第一章 React 介绍

    本章内容 多页应用开发模式的缺点 单页应用开发模式的优点 单页应用开发模式的主要问题 React 如何解决单页应用...

网友评论

      本文标题:单页应用获取 Referrer Url

      本文链接:https://www.haomeiwen.com/subject/azxkbftx.html