[JS] window.location.origin – 取得網址包含協定(http/https)的網域名稱

window.location.origin

如果你想用 JS 取得網址中包含前面協定加網址(domain)，一般情況用 location.protocol 與 location.hostname 組合而成 ，另一個較簡潔的作法，是使用 location 中的 origin ，來直接取得名稱， 用法如下 ：

範例 Example

假設當前網址為：

https://www.seanacnet.com:80/js/location-origin.html?id=111&t=9#template

使用範例 – 使用 location.protocol + location.hostname：

let s = location.protocol + '//' + location.hostname

console.log(s)

// 輸出 : https://www.seanacnet.com

使用範例 – 使用 location.origin：

let s = location.origin;

console.log(s)

// 輸出 : https://www.seanacnet.com

相容性

要查看 location.origin 在各個瀏覽器的相容性，請點擊以下連結：

查看 location.origin 瀏覽器相容性

結語

如果你還想進一步了解 JS 取 URL 的其他參數，可前往這邊查詢

[JS] Javascript 取得網址 URL 與相關參數 – location