HTMLAnchorElement.referrerPolicy

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The HTMLAnchorElement.referrerPolicy property reflect the HTML referrerpolicy attribute of the <a> element defining which referrer is sent when fetching the resource.

Syntax

refStr = anchorElt.referrerPolicy;
anchorElt.referrerPolicy = refStr;

Values

  • "no-referrer" meaning that the Referer: HTTP header will not be sent.
  • "origin" meaning that the referrer will be the origin of the page, that is roughly the scheme, the host and the port.
  • "unsafe-url" meaning that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe as it can leak path information that has been concealed to third-party by using TLS.

Examples

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); // When clicked, the link will not send a referrer header.

Specifications

Specification Status Comment
Referrer Policy
The definition of 'referrerPolicy attribute' in that specification.
Candidate Recommendation Added the referrerPolicy property.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
referrerPolicyChrome Full support 51Edge No support NoFirefox Full support 50IE No support NoOpera Full support 38Safari Full support 11.1WebView Android Full support 51Chrome Android Full support 51Firefox Android Full support 50Opera Android Full support 41Safari iOS No support NoSamsung Internet Android Full support 7.2

Legend

Full support  
Full support
No support  
No support

See also