您的当前位置:首页>全部文章>文章详情

【JavaScript】JS中referer的使用

CrazyPanda发表于:2024-04-24 20:40:01浏览:355次TAG:

HTTP请求中有一个referer的报文头,用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页,那么就referrer就是www.sina.com.cn/sports/了。在Javascript中,我们可以通过document.referrer来获取同样的信息。通过这个信息,我们就可以知道访客是从什么渠道来到当前页面的。这对于Web Analytics来说,是非常重要的,这可以告诉我们不同渠道带来的流量的分布情况,还有用户搜索的关键词等,都是通过分析这个referrer信息来获取的。

js返回上一页

<script language="javascript">
    var refer=document. referrer ;
    document.getElementById('backurl').value=refer;
</script>

HTTP_REFERER:

链接到当前页面的前一页面的 URL 地址。不是所有的用户代理(浏览器)都会设置这个变量,而且有的还可以手工修改 HTTP_REFERER。因此,这个变量不总是真实正确的。

注意 document.referrer; 和“HTTP_REFERER” 中间差一个字母,却是不同的概念的东东,请注意使用。

js中的referrer使用,返回上一页

在js中写上location.href = document.referrer;就可以实现跳转到上一个页面了,让用户觉得体验很好,

但是在IE中referrer就没那么尽人意了啊,IE会清空referrer。

在IE中用javascript做跳转,比如用window.location.href = “http://www.google.com”; 

google无法取到浏览器请求的HTTP referrer,因为IE清空了document.referrer 而其他主流浏览器Firefox和Chrome都会保留referrer。

解决方法如下:

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ 
   var referLink = document.createElement('a');
   referLink.href = url; 
   document.body.appendChild(referLink);
   referLink.click();
}else {
   location.href = url; 
}

这样的原理就是给IE浏览器的页面偷偷加了个链接,然后自动点这个链接,于是referrer就能保留了。

猜你喜欢

【JavaScript】JS获取时间并格式化
方法一:使用JavaScript的Date对象和相关方法来获取时间并格式化var&nbsp;now&nbsp;=&nbsp;new&nbsp;Date(); &nbsp; //&nbsp;格式化日期 var&nbsp;year&nbsp;=&nbsp;now.getFullYear(); var&nbsp;month&nbsp;=&nbsp;(now.getMonth()&nbsp;+&nbsp;1&nbsp;&lt;&nbsp;10&nbsp;?&nbsp;&quot;0&quot;&amp;nbs
发表于:2024-08-14 浏览:300 TAG:
【JavaScript】JS四舍五入保留两位小数(二)
&nbsp; &nbsp; &nbsp; &nbsp; 在Web前端开发中,大多数的项目都是需要表单支持的,而在表单中有一种比较常见的功能是要你四舍五入保留两位小数,接下来将为大家详细的介绍一下保留两位小数的六种常用方法。1.&nbsp;toFixed()方法&nbsp; &nbsp; &nbsp; &nbsp; 介绍:这是JS自带的一个方法,可以四舍五入保留指定位数的小数,并且位数不够时可以自动补0&nbsp; &nbsp; &nbsp; &nbsp; 注意:保留两位小数,将数值类型的数据改变
发表于:2024-03-12 浏览:306 TAG:
【JavaScript】JS防抖动方法
防抖动是指在事件被触发时,为了减少因为快速连续操作导致的大量事件触发,通常会设置一个延时,当事件被触发后,等待一段时间,如果在这段时间内没有新的相同事件被触发,则执行该事件的操作。在JavaScript中,防抖动通常可以通过设置定时器来实现。当事件触发时,如果已经有一个定时器在等待,则清除它并重新设置一个新的定时器。只有当定时器到期而事件也没有被触发时,事件绑定的处理函数才会执行。function&nbsp;debounce(fn,&nbsp;wait)&nbsp;{ &nbsp;&nbsp;l
发表于:2024-04-24 浏览:278 TAG:
【JavaScript】JS生成二维码-qrcode.js
二维码又称QRCode,是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码(条形码)能存更多的信息,也能表示更多的数据类型。按照一定规律排列组成的几何图形构成,它巧妙地利用构成计算机内部逻辑...
发表于:2024-10-29 浏览:138 TAG: #二维码 #javascript
【Javascript】localStorage和sessionStorage的使用
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。&nbsp;二、localStorage的优势与局限localStorage的优势1、localStorage拓展了cookie的4K限制2
发表于:2024-03-27 浏览:339 TAG: #javascript #localstorage #sessionstorage
【JavaScript】5个最受欢迎的图像处理JS库
图像处理库 (IML) 用于对图像执行各种处理功能:你可以增加图像的亮度、添加饱和度或滤镜、裁剪和调整大小,以及更多有价值的功能,这些功能将帮助你完成几乎所有事情并将你的网络浏览器变成 Adob​​e Lightroom! 我们为每项重要的图像处理任务都提供了库,从简单的低级操作(例如滤镜、亮度和饱和度)到用于裁剪或图像合成的单一用途库。
发表于:2024-10-14 浏览:373 TAG: #javascript #图像 #sharp #cropper
【JavaScript】如何从 JavaScript 数组中删除重复元素?
在 JavaScript 中,有多种方法可以从数组中删除重复元素。在本文中,我们将探讨一些删除重复元素的顶级方法。使用filter()方法filter()方法使用传递的条件创建一个新的元素数组。这将仅包含作为此过滤器方法的一部分返回 true 的元素。因此,要实现删除重复元素,我们只需在 filter() 方法中添加条件即可,它会完成剩下的工作。#过滤器.js&lt;script&gt; &nbsp;&nbsp;&nbsp;var&nbsp;arr&nbsp;=&nbsp;[&quot;stev
发表于:2024-04-16 浏览:307 TAG:
【Javascript】CSS3和js超酷iPhone样式科学计算器插件
CalcSS3是一款非常酷的CSS3和js模仿iPhone样式科学计算器插件。该计算器插件没有使用图片,纯CSS制作。该计算器是科学型的,可以处理乘方、开方、指数、对数等复杂的数学运算。
发表于:2024-11-06 浏览:246 TAG: #javascript
【JavaScript】JS四舍五入保留两位小数(一)
1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则。**银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶(又称四舍六入五留双)法。**具体规则如下:简单来说就是:四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一。如下:&gt;&nbsp;(3.61).toFixed(1)&nbsp;&nbsp;&nbsp;&nbsp;//四舍 &#39;3.6&amp;#3
发表于:2024-03-12 浏览:322 TAG:
【JavaScript】如何使用 layui 实现自适应
layui 是一个轻量级的现代前端框架,它提供了丰富的 UI 组件和强大的响应式功能。要使用 layui 实现自适应布局,可以按照以下步骤进行:1. 引用 layui 框架复制以下代码并将其粘贴到你的 HTML 页面中:&lt;script&nbsp;src=&quot;path/to/layui.js&quot;&gt;&lt;/script&gt;2. 定义自适应布局的容器创建用于放置自适应内容的容器,并为其设置 layui-container 类:&lt;div&nbsp;class=&amp;q
发表于:2024-08-08 浏览:239 TAG: