Javascript中document.referrer隐藏来源的方法


Posted in Javascript onJanuary 16, 2017

前言

本文为大家讲解的是关于Javascript中document.referrer隐藏来源的方法探讨,感兴趣的同学参考下。

关于隐藏来路 Referrer 在某些情况下很有用,国外网赚界使用的非常广泛。比如流量提供方由于不想让联盟知道自己的流量来源,就需要隐藏自己来源网站的 referer。

document.referrer

document.referrer是用来获取跳转链接的来源,正规的解释是:referrer 属性可返回载入当前文档的文档的 URL。

实际中使用在广告相关业务中较多,包括推广等。

举个例子:

比如我们从百度中跳转到w3c,那我们从w3c中可以获取到referrer,这个referrer就是

https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=document.referrer&oq=%E6%B8%85%E9%99%A4referrer&rsv_pq=bfd3dd180001b68f&rsv_t=876eCMwvcF%2Flc4tY42Va03DF7M83coNzQeRp4L2xYhUVk840K1J53CNfslM&rqlang=cn&rsv_enter=1&inputT=10344&rsv_sug3=111&rsv_sug1=109&rsv_sug7=000&rsv_n=2&bs=%E6%B8%85%E9%99%A4referrer

从http请求头部我们也可以找到这个referrer

Referer:https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=document.referrer&rsv_pq=ad59c4820001a9ba&rsv_t=d9cb%2Bi5AE7Ns3JHq3qbNca2i5LbazZfjc364gvq%2BclD%2Bs%2Fi44XuGYnb3giY&rqlang=cn&rsv_enter=1&rsv_sug3=12&rsv_sug1=11&rsv_sug7=100&sug=document.referrer&rsv_n=1

同样我们在w3c页面中控制台中也获取到这个referrer。

document.referrer
https://www.baidu.com/link?url=zLE2dhkSRJRlNuL1zLsfITcCHKA3FsrHk5uED2tu0xy1…dNBzUaqr3MjKzyz-xPewdyNCPKmMvQrq&wd=&eqid=a28369d50001b64700000005586b49c2

清除来源

最常用的还是使用iframe来隐藏referrer。

下面来看一个例子:

<!DOCTYPE html>

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 <title>document.referrer</title>
</head>

<body>
 <h1>隐藏referrer</h1> 跳转至百度(有referrer):
 <a target="_blank" href="https://www.baidu.com/">test</a>
 
 <script type="text/javascript">

 var iframe = document.createElement('iframe'),
 html = '<!doctype html><head><meta charset="utf-8"></head><body>跳转至百度(无referrer):<a target="_blank" href="https://www.baidu.com/">referrer test</a></body>',
 src = 'javascript:document.write(window.frameElement.getAttribute(\'data-src\'))';
 iframe.setAttribute('data-src', html);
 iframe.setAttribute('src', src);
 iframe.width = '500';
 iframe.height = '300';
 document.body.appendChild(iframe);

 </script>
</body>

效果如图:

Javascript中document.referrer隐藏来源的方法 

当我们点击有referrer的a标签的时候,在百度页面我们可以看到referrer。

Javascript中document.referrer隐藏来源的方法

当我们点击ifame中嵌套的a标签的时候,在百度页面我们可以看到referrer为空字符串。

Javascript中document.referrer隐藏来源的方法

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
常用js脚本
Dec 03 Javascript
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
vuex实现简易计数器
Oct 27 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
基于vuejs实现一个todolist项目
Apr 11 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
Node.js使用gm拼装sprite图片
Jul 04 Javascript
vue项目国际化vue-i18n的安装使用教程
Mar 14 Javascript
深入理解Vue router的部分高级用法
Aug 15 Javascript
微信小程序template模板与component组件的区别和使用详解
May 22 Javascript
js实现模拟购物商城案例
May 18 Javascript
基于jQuery实现的打字机效果
Jan 16 #Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 #Javascript
JavaScript严格模式详解
Jan 16 #Javascript
关于iframe跨域POST提交的方法示例
Jan 15 #Javascript
JavaScript中利用for循环遍历数组
Jan 15 #Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 #Javascript
JavaScript调试的多个必备小Tips
Jan 15 #Javascript
You might like
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
php中isset与empty函数的困惑与用法分析
2019/07/05 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
python中字符串内置函数的用法总结
2018/09/13 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python中re模块知识点总结
2021/01/17 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
长曲棍球装备:Lacrosse Monkey
2020/12/02 全球购物
保险专业大学生职业规划书
2014/03/03 职场文书
《老山界》教学反思
2014/04/08 职场文书
夏季药店促销方案
2014/08/22 职场文书
员工教育培训协议书
2014/09/27 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
导游词之黄果树瀑布
2019/09/20 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
MySQL GTID复制的具体使用
2022/05/20 MySQL