快捷導(dǎo)航

Javascript中document.referrer隱藏來源的方法

更新時(shí)間：2017年01月16日 09:04:51 作者：leslie·Zhao

這篇文章主要介紹了Javascript中document.referrer隱藏來源的方法，文中通過一個(gè)實(shí)例給大家介紹了實(shí)現(xiàn)的方法，有需要的朋友可以參考借鑒，下面來一起學(xué)習(xí)學(xué)習(xí)吧。

前言

本文為大家講解的是關(guān)于Javascript中document.referrer隱藏來源的方法探討，感興趣的同學(xué)參考下。

關(guān)于隱藏來路 Referrer 在某些情況下很有用，國外網(wǎng)賺界使用的非常廣泛。比如流量提供方由于不想讓聯(lián)盟知道自己的流量來源，就需要隱藏自己來源網(wǎng)站的 referer。

document.referrer

document.referrer是用來獲取跳轉(zhuǎn)鏈接的來源，正規(guī)的解釋是:referrer 屬性可返回載入當(dāng)前文檔的文檔的 URL。

實(shí)際中使用在廣告相關(guān)業(yè)務(wù)中較多，包括推廣等。

舉個(gè)例子：

比如我們從百度中跳轉(zhuǎn)到w3c，那我們從w3c中可以獲取到referrer，這個(gè)referrer就是

復(fù)制代碼代碼如下:

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請(qǐng)求頭部我們也可以找到這個(gè)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

同樣我們?cè)趙3c頁面中控制臺(tái)中也獲取到這個(gè)referrer。

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

清除來源

最常用的還是使用iframe來隱藏referrer。

下面來看一個(gè)例子：

<!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> 跳轉(zhuǎn)至百度(有referrer):
 <a target="_blank" >test</a>
 
 <script type="text/javascript">

 var iframe = document.createElement('iframe'),
 html = '<!doctype html><head><meta charset="utf-8"></head><body>跳轉(zhuǎn)至百度(無referrer):<a target="_blank" >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>

效果如圖：