---
title: Request.referrer
slug: Web/API/Request/referrer
tags:
  - API
  - Experimental
  - Fetch
  - Property
  - Reference
  - referrer
  - request
translation_of: Web/API/Request/referrer
---
<div>{{APIRef("Fetch")}}{{SeeCompatTable}}</div>

<p>{{domxref("Request")}} インターフェースの <strong><code>referrer</code></strong> 読み取り専用プロパティには、ユーザーエージェントによってリクエストのリファラが設定されます（たとえば、<code>about:client</code> や <code>no-referrer</code>、URL）。</p>

<div class="note">
<p><strong>ノート：</strong> リファラの値が no-referrer だった場合、空文字が返されます。</p>
</div>

<h2 id="構文">構文</h2>

<pre class="syntaxbox">var <var>myReferrer</var> = <var>request</var>.referrer;</pre>

<h3 id="値">値</h3>

<p>リクエストのリファラを表す {{domxref("DOMString")}}。</p>

<h2 id="例">例</h2>

<p>次のスニペットでは、{{domxref("Request.Request()")}} コンストラクタを使って（スクリプトと同じディレクトリにある画像ファイルのために）新しいリクエストを生成してから、変数にリクエストのリファラを変数に保存しています。</p>

<pre class="brush: js">var myRequest = new Request('flowers.jpg');
var myReferrer = myRequest.referrer; // 既定で "about:client" を返す。</pre>

<h2 id="仕様">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('Fetch','#dom-request-referrer','referrer')}}</td>
   <td>{{Spec2('Fetch')}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>機能</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>基本サポート</td>
   <td>{{CompatChrome(42)}}<br>
    {{CompatChrome(41)}}<sup>[1]</sup></td>
   <td>{{CompatGeckoDesktop(39)}}<br>
    34<sup>[1]</sup></td>
   <td>{{CompatNo}}</td>
   <td>
    <p>29<br>
     28<sup>[1]</sup></p>
   </td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>機能</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>Firefox OS (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
   <th>Chrome for Android</th>
  </tr>
  <tr>
   <td>基本サポート</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] この機能は選択によって使えるようになります。</p>

<h2 id="関連項目">関連項目</h2>

<ul>
 <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li>
 <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li>
 <li><a href="/ja/docs/Web/HTTP">HTTP</a></li>
</ul>