DOM

HTMLAnchorElementインターフェイス

referrerPolicy プロパティ

  編集:2022.02.19 by T.A.

MS(en)

実験的: これは実験的技術です。これを本番環境で使用する前に、ブラウザの互換性テーブルを注意深く確認してください。

リソースをフェッチするときに送信されるリファラーを定義する <a> 要素のHTML referrerpolicy 属性を反映します。取得/設定が可能。

構文
string= anchorEl.referrerPolicy
anchorEl HTMLAnchorElement

USVString。次の何れか。

no-referrer
Referer ヘッダーは完全に省略されます。リファラー情報はリクエストとともに送信されません。
no-referrer-when-downgrade
プロトコルのセキュリティ レベルが同じままの場合(例えば: HTTP→HTTP、HTTPS→HTTPSなど)、URL はリファラーとして送信されますが、安全性の低い宛先(例: HTTPS→HTTPなど)には送信されません。
origin
すべての場合において、ドキュメントの出所をリファラーとしてのみ送信してください。

https://example.com/page.html の場合、

リファラー: https://example.com/ を送信します。

origin-when-cross-origin
同一生成元リクエストを実行する場合は完全な URL を送信しますが、それ以外の場合はドキュメントの生成元のみを送信します。
same-origin
同じサイトのオリジンに対してリファラーが送信されますが、クロス オリジン リクエストにはリファラー情報が含まれません。
strict-origin
プロトコルのセキュリティ レベルが同じである場合(例: HTTPS→HTTPSなど)にのみドキュメントの発信元をリファラーとして送信しますが、安全性の低い宛先(例: HTTPS→HTTPなど)には送信しないでください。
strict-origin-when-cross-origin 初期値
これは、ポリシーが指定されていない場合のユーザー エージェントのデフォルトの動作です。同じオリジン リクエストを実行するときに完全なURLを送信し、プロトコルのセキュリティ レベルが同じである場合にのみオリジンを送信し(例: HTTPS→HTTPS)、安全性の低い宛先にヘッダーを送信しません(例: HTTPS→HTTP)。
unsafe-url
同一生成元またはクロス オリジン リクエストを実行する場合は、完全なURLを送信してください。このポリシーは、TLS で保護されたリソースから安全でないオリジンにオリジンとパスをリークします。この設定の影響を慎重に検討してください。
var elt = document.createElement("a");
var linkText = document.createTextNode("My link");
elt.appendChild(linkText);
elt.href = "https://developer.mozilla.org/en-US/";
elt.referrerPolicy = "no-referrer";

var div = document.getElementById("divAround");
div.appendChild(elt); // クリックすると、リンクはリファラー ヘッダーを送信しません。

テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: