URL: origin 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 2016.
Note: This feature is available in Web Workers.
The origin read-only property of the URL interface returns a string containing the Unicode serialization of the origin of the represented URL.
The exact structure varies depending on the type of URL:
- For URLs using the
ftp:,http:,https:,ws:, andwss:schemes, theprotocolfollowed by//, followed by thehost. Same ashost, theportis only included if it's not the default for the protocol. - For URLs using
file:scheme, the value is browser dependent. - For URLs using the
blob:scheme, the origin of the URL followingblob:, but only if that URL uses thehttp:,https:, orfile:scheme. For example,blob:https://mozilla.orgwill havehttps://mozilla.org.
For all other cases, the string "null" is returned.
Value
A string.
Examples
The following examples show how the origin property is computed for a blob: URL, an http: URL, and one using a non-default port:
js
const url = new URL("blob:https://mozilla.org:443/");
console.log(url.origin); // 'https://mozilla.org'
js
const url = new URL("http://localhost:80/");
console.log(url.origin); // 'http://localhost'
js
const url = new URL("https://mozilla.org:8080/");
console.log(url.origin); // 'https://mozilla.org:8080'
Specifications
| Specification |
|---|
| URL # dom-url-origin |
Browser compatibility
| desktop | mobile | server | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
origin
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.