This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
The HTMLAreaElement.referrerPolicy property reflect the HTML referrerpolicy attribute of the <area> element defining which referrer is sent when fetching the resource.
Syntax
refStr = areaElt.referrerPolicy; areaElt.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
<img usemap="#mapAround" width="100" height="100" src="/img/logo@2x.png" /> <map id="myMap" name="mapAround" />>
var elt = document.createElement("area");
elt.href = "/img2.png";
elt.shape = "rect";
elt.referrerPolicy = "no-referrer";
elt.coords = "0,0,100,100";
var map = document.getElementById("myMap");
map.appendChild(elt);
// When clicked, the area's link will not send a referrer header.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Referrer Policy The definition of 'referrerpolicy attribute' in that specification. |
Working Draft | Added the referrerPolicy property. |
Browser compatibility
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 51 | ? | 50.0 (50.0) | ? | ? | ? |
| Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | 51 | 51 | 50.0 (50.0) | ? | ? | ? |