Experimental
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 theReferer:
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
BCD tables only load in the browser