Javascript中document.referrer隱藏來源的方法
前言
本文為大家講解的是關(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就是
從http請求頭部我們也可以找到這個(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
同樣我們在w3c頁面中控制臺中也獲取到這個(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>
效果如圖：
當(dāng)我們點(diǎn)擊有referrer的a標(biāo)簽的時(shí)候，在百度頁面我們可以看到referrer。
當(dāng)我們點(diǎn)擊ifame中嵌套的a標(biāo)簽的時(shí)候，在百度頁面我們可以看到referrer為空字符串。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。
相關(guān)文章
這篇文章主要介紹了JS模擬實(shí)現(xiàn)方法重載,涉及js基于arguments實(shí)現(xiàn)重載的相關(guān)技巧,需要的朋友可以參考下2016-08-08
JavaScript中this機(jī)制提供了更優(yōu)雅的方式來隱含地“傳遞”一個(gè)對象引用,導(dǎo)致更加干凈的API設(shè)計(jì)和更容易的復(fù)用,this既不是函數(shù)自身的引用,也不是函數(shù)詞法作用域的引用,this實(shí)際上是在函數(shù)被調(diào)用時(shí)建立的一個(gè)綁定,它指向什么是完全由函數(shù)被調(diào)用的調(diào)用點(diǎn)來決定的2023-11-11
處理文本部分內(nèi)容的TextRange對象應(yīng)用實(shí)例
TextRange是用來表現(xiàn)HTML元素中文字的對象，是一個(gè)用于處理JavaScript對象文本部分內(nèi)容的一個(gè)對象2014-07-07
JavaScript中setTimeout的那些事兒到底有什么？setTimeout單線程、延遲時(shí)間等，感興趣的小伙伴們可以參考一下2016-11-11
在本篇文章中我們給大家通過實(shí)例講解一下關(guān)于JavaScript頁面加載事件的相關(guān)知識點(diǎn)內(nèi)容，有需要的朋友們可以參考下。2019-09-09
JavaScript+CSS實(shí)現(xiàn)唯美蝴蝶動畫
這篇文章主要介紹了JavaScript+CSS實(shí)現(xiàn)唯美蝴蝶動畫,文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了JS實(shí)現(xiàn)的簡單拖拽功能,涉及javascript鼠標(biāo)事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了JavaScript中奇葩的假值應(yīng)用,需要的朋友可以參考下2014-03-03
JS 設(shè)計(jì)模式之：單例模式定義與實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計(jì)模式之：單例模式,結(jié)合實(shí)例形式分析了JS 單例模式原理、定義、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-05-05
基于JavaScript實(shí)現(xiàn)動態(tài)添加刪除表格的行
又一個(gè)動態(tài)控制表格的效果，用JavaScript動態(tài)生成表格行、表格列，以及還可動態(tài)刪除這些行列，行等，運(yùn)行代碼后，點(diǎn)擊對應(yīng)的功能按鈕，即可實(shí)現(xiàn)對應(yīng)的表格操作功能，接下來通過代碼實(shí)例給大家介紹JavaScript實(shí)現(xiàn)動態(tài)添加刪除表格的行，需要的朋友參考下2016-02-02