js如何獲取當前網(wǎng)站的協(xié)議、域名、端口號
js獲取當前網(wǎng)站的協(xié)議、域名、端口號
在JavaScript中,你可以通過window.location對象來獲取當前網(wǎng)站的URL信息,包括協(xié)議(protocol)、域名(hostname)、端口號(port)等。
以下是如何分別獲取這些信息的示例:
1. 獲取協(xié)議(Protocol)
協(xié)議部分可以通過window.location.protocol獲取,這將返回包括冒號(:)的協(xié)議名稱,例如http:或https:。
var protocol = window.location.protocol; console.log(protocol); // 輸出:http: 或 https:
2. 獲取域名(Hostname)
域名部分可以通過window.location.hostname獲取,這將返回不包括端口號的域名。
var hostname = window.location.hostname; console.log(hostname); // 輸出:例如 example.com
3. 獲取端口號(Port)
端口號可以通過window.location.port獲取。
如果URL中未明確指定端口號,并且協(xié)議是http,則端口號默認為80;如果協(xié)議是https,則端口號默認為443。
然而,window.location.port在這些情況下將不會返回默認值,而是返回空字符串""。
var port = window.location.port; console.log(port); // 輸出:例如 8080 或 ""(如果未指定且為默認端口)
示例:組合URL部分
如果你想要將協(xié)議、域名和端口號(如果非默認)組合起來,你可以這樣做:
var protocol = window.location.protocol; var hostname = window.location.hostname; var port = window.location.port ? ':' + window.location.port : ''; // 如果端口號不是默認,則添加':'和端口號 var baseUrl = protocol + '//' + hostname + port; console.log(baseUrl); // 輸出:例如 https://example.com:8080 或 http://example.com
請注意:
- 這個組合假設你想要一個可以用于構(gòu)造新URL的基礎(chǔ)URL。
- 如果你的目標是檢查或分析當前頁面的URL,則直接訪問window.location的各個屬性通常就足夠了。
4. 獲取協(xié)議域名端口號一起(Origin)
端口號可以通過window.location.origin獲取。
var origin = window.location.origin; console.log(origin); // 輸出:https://example.com:8080
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中創(chuàng)建字典對象(dictionary)實例
這篇文章主要介紹了JavaScript中創(chuàng)建字典對象(dictionary)實例,本文直接給出了實現(xiàn)的源碼,并給出了使用示例,需要的朋友可以參考下2015-03-03js實現(xiàn)數(shù)據(jù)雙向綁定(訪問器監(jiān)聽)
這篇文章主要為大家詳細介紹了采用訪問器監(jiān)聽的方式實現(xiàn)簡單數(shù)據(jù)雙向綁定,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09JS中將blob返回值轉(zhuǎn)換為json格式的問題小結(jié)
這篇文章主要介紹了JS中如何將blob返回值轉(zhuǎn)換為json格式,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12手機端點擊圖片放大特效PhotoSwipe.js插件實現(xiàn)
這篇文章主要為大家詳細介紹了手機端點擊圖片放大特效PhotoSwipe.js插件實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08