Web/API/HTMLImageElement/referrerPolicy

From Get docs


The HTMLImageElement.referrerPolicy property reflects the HTML referrerpolicy attribute of the <img> element defining which referrer is sent when fetching the resource.

Syntax

refStr = imgElt.referrerPolicy;
imgElt.referrerPolicy = refStr;

Values

A DOMString representing the referrer policy. Possible values are:

  • "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 img = new Image();
img.src = 'img/logo.png'; 
img.referrerPolicy = 'origin';

var div = document.getElementById('divAround');
div.appendChild(img); // Fetch the image using the origin as the referrer

Specifications

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

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
referrerPolicy Chrome

Full support 51

Edge

Full support 79

Firefox

Full support 50

IE

No support No

Opera

Full support 38

Safari

Full support 11.1

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

Full support 50

Opera Android

Full support 41

Safari iOS

No support No

Samsung Internet Android

Full support 5.0

Legend

Full support  
Full support
No support  
No support


See also