javascript document.referrer 用法

yizhihongxing

Javascript中,document.referrer属性用于获取上一页面的URL地址。具体来说,它返回一个字符串,即访问当前页面的用户从哪个URL过来的。这个属性可以提供有用的信息,比如可以用于跟踪用户的来源,或者可以用于判断用户是否从一些关键页面跳转过来。

下面是使用document.referrer属性的完整攻略。

1. 使用document.referrer获取上一页的URL地址

要获取前一页的URL地址,只需简单地调用document.referrer属性即可,返回的是字符串类型的URL地址。例如:

var referrer = document.referrer;
alert("您是从" + referrer + "进入的网站。");

在上面的例子中,我们获取了前一页的URL地址,并使用alert()函数将该地址显示给用户。

2. 使用document.referrer判断用户从哪个页面跳转过来

我们可以使用document.referrer属性来判断用户从哪个页面跳转过来。例如,我们可以检查用户是否从一个特定的URL跳转过来,如果是,则显示一条特定的信息。下面是一个示例:

var referrer = document.referrer;
if(referrer.indexOf("http://www.example.com") != -1) {
    alert("您是从我们的主页进入网站的!");
}

在上面的例子中,我们首先获取了前一页的URL地址。接着,我们使用indexOf()方法判断该地址是否包含了http://www.example.com字符串,如果包含,则显示一条特定的信息。

总结

在Javascript中,document.referrer属性用于获取上一页面的URL地址。它可以提供有用的信息,比如可以用于跟踪用户的来源,或者可以用于判断用户是否从一些关键页面跳转过来。在使用该属性时,我们可以根据需要来检查前一页的URL地址,以做出相应的处理。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript document.referrer 用法 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • JavaScript 实现拖拽效果组件功能(兼容移动端)

    下面是详细讲解“JavaScript 实现拖拽效果组件功能(兼容移动端)”的完整攻略: 一、需求分析 首先分析一下需求,要实现的功能是实现一个拖拽效果组件,用户可以通过拖拽元素来改变元素的位置。由于需要兼容移动端,所以要考虑触摸事件的处理。 二、实现思路 实现拖拽效果组件可以使用鼠标事件或触摸事件,以下是相关的事件: 鼠标事件:mousedown、mouse…

    JavaScript 2023年6月10日
    00
  • Javascript实现商品秒杀倒计时(时间与服务器时间同步)

    下面我将为您提供“Javascript实现商品秒杀倒计时(时间与服务器时间同步)”的完整攻略。 一、需求分析 商品秒杀倒计时的实现,需要做到倒计时精准,时间与服务器时间同步,同时要求倒计时显示页面美观、易于用户理解操作。 二、解决方案 1.获取当前服务器时间,对服务器时间进行格式化处理,然后通过Ajax把获取到的时间发送给前端,以便前端进行倒计时的对比计算。…

    JavaScript 2023年5月27日
    00
  • 3款实用的在线JS代码工具(国外)

    3款实用的在线JS代码工具(国外) 1. JSFiddle 简介 JSFiddle 是一个在线的代码编辑器,可以用来编辑 HTML/CSS/JavaScript 代码,并且可以立即运行和分享代码。它可以在左侧编辑 HTML/CSS/JavaScript 代码,在中间显示运行结果,在右侧显示 JavaScript 控制台。 使用方法 打开 JSFiddle 的…

    JavaScript 2023年5月19日
    00
  • JavaScript实现简单表单验证案例

    当编写一个表单的时候,为了保证提交的数据正确性以及安全性,我们需要对用户输入的数据进行验证。而 JavaScript 可以提供灵活的表单验证功能,使得表单数据的验证更加方便和高效。 以下是一个可用于表单验证的基本攻略: 获取表单元素对象 通过使用 JavaScript的 DOM 操作获取表单元素对象,以便于后续的获取用户输入和验证数据。 示例: let in…

    JavaScript 2023年6月10日
    00
  • 微信小程序 连续旋转动画(this.animation.rotate)详解

    当使用微信小程序的时候,可以通过动画来让页面更加生动有趣,其中连续旋转动画就是一个很不错的选择。本文将详细介绍微信小程序的连续旋转动画,包括实现过程,代码示例和一些常见问题的解答。 前置知识 在学习微信小程序的连续旋转动画前,需要掌握一些必要的前置知识: 微信小程序的基础语法; CSS3中transform属性的基本用法; 小程序中使用wx.createAn…

    JavaScript 2023年6月11日
    00
  • 举例讲解JavaScript中关于对象操作的相关知识

    下面我将详细讲解JavaScript中关于对象操作的相关知识: 对象的定义 JavaScript中对象是一种数据类型,它是一组无序的属性和方法的集合。JavaScript对象是键值对的集合,其中键是字符串类型的属性名,值可以是任何JavaScript的数据类型。对象可以通过字面量或者构造函数的方式进行创建。 对象的字面量创建 var person = { f…

    JavaScript 2023年5月27日
    00
  • js中setTimeout的妙用–防止循环超时

    下面是关于 setTimeout 防止循环超时的详细攻略。 原理 在 JavaScript 中,循环时如果耗时过长就可能导致页面卡顿或者浏览器崩溃。为了避免这种情况,可以使用 setTimeout 函数来将循环分批进行处理,从而降低其对页面性能的影响。 setTimeout 函数用于在延时一定时间后执行指定的函数,可以接受两个参数,分别是要执行的函数和延迟的…

    JavaScript 2023年5月28日
    00
  • js url传值中文乱码之解决之道

    我会为你详细讲解”js url传值中文乱码之解决之道”的完整攻略。 标准规范 在URL传值的过程中,中文数据因为编码问题可能会引起乱码。解决方法是采用UTF-8编码,使用encodeURIComponent()函数进行编码,使用decodeURIComponent()函数进行解码。 代码示例1: //编码(传值时) var name = "张三&q…

    JavaScript 2023年5月19日
    00
合作推广
合作推广
分享本页
返回顶部