HTMLIFrameElement: referrerPolicy property

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨September 2020⁩.

* Some parts of this feature may have varying levels of support.

TheHTMLIFrameElement.referrerPolicyproperty reflects the HTMLreferrerpolicy attribute of the<iframe> element defining which referrer is sent when fetching theresource.

Value

no-referrer: TheReferer header will be omitted entirely. No referrerinformation is sent along with requests.
no-referrer-when-downgrade: The URL is sentas a referrer when the protocol security level stays the same (HTTP→HTTP,HTTPS→HTTPS), but isn't sent to a less secure destination (HTTPS→HTTP).
origin: Only send the origin of the document as the referrer in all cases.The documenthttps://example.com/page.html will send the referrerhttps://example.com/.
origin-when-cross-origin: Send a full URL when performing a same-origin request, but only send the origin ofthe document for other cases.
same-origin: A referrer will be sent forsame-site origins, butcross-origin requests will contain no referrer information.
strict-origin: Only send the origin of the document as the referrer when the protocol securitylevel stays the same (HTTPS→HTTPS), but don't send it to a less secure destination(HTTPS→HTTP).
strict-origin-when-cross-origin (default): This is the user agent's default behavior if no policy is specified. Send a full URL when performing a same-origin request, only send the origin when theprotocol security level stays the same (HTTPS→HTTPS), and send no header to a lesssecure destination (HTTPS→HTTP).
unsafe-url: Send a full URL when performing a same-origin or cross-origin request.
Note:This policy will leak origins and paths from TLS-protected resourcesto insecure origins. Carefully consider the impact of this setting.

Examples

const iframe = document.createElement("iframe");iframe.src = "/";iframe.referrerPolicy = "unsafe-url";const body = document.querySelector("body");body.appendChild(iframe); // Fetch the image using the complete URL as the referrer