欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js如何獲取當(dāng)前網(wǎng)站的協(xié)議、域名、端口號(hào)

 更新時(shí)間：2025年01月24日 08:57:11   作者：小嘟嚷ovo  
文章介紹了如何使用JavaScript的window.location對(duì)象獲取當(dāng)前網(wǎng)站的協(xié)議、域名、端口號(hào),并提供了示例代碼,此外,還介紹了如何將這些部分組合成一個(gè)完整的URL

js獲取當(dāng)前網(wǎng)站的協(xié)議、域名、端口號(hào)

在JavaScript中，你可以通過window.location對(duì)象來獲取當(dāng)前網(wǎng)站的URL信息，包括協(xié)議（protocol）、域名（hostname）、端口號(hào)（port）等。

以下是如何分別獲取這些信息的示例：

1. 獲取協(xié)議（Protocol）

協(xié)議部分可以通過window.location.protocol獲取，這將返回包括冒號(hào)（:）的協(xié)議名稱，例如http:或https:。

var protocol = window.location.protocol;
console.log(protocol); // 輸出：http: 或 https:

2. 獲取域名（Hostname）

域名部分可以通過window.location.hostname獲取，這將返回不包括端口號(hào)的域名。

var hostname = window.location.hostname;
console.log(hostname); // 輸出：例如 example.com

3. 獲取端口號(hào)（Port）

端口號(hào)可以通過window.location.port獲取。

如果URL中未明確指定端口號(hào)，并且協(xié)議是http，則端口號(hào)默認(rèn)為80；如果協(xié)議是https，則端口號(hào)默認(rèn)為443。

然而，window.location.port在這些情況下將不會(huì)返回默認(rèn)值，而是返回空字符串""。

var port = window.location.port;
console.log(port); // 輸出：例如 8080 或 ""（如果未指定且為默認(rèn)端口）

示例：組合URL部分

如果你想要將協(xié)議、域名和端口號(hào)（如果非默認(rèn)）組合起來，你可以這樣做：

var protocol = window.location.protocol;
var hostname = window.location.hostname;
var port = window.location.port ? ':' + window.location.port : ''; // 如果端口號(hào)不是默認(rèn)，則添加':'和端口號(hào)
var baseUrl = protocol + '//' + hostname + port;
console.log(baseUrl); // 輸出：例如 https://example.com:8080 或 http://example.com

請(qǐng)注意：

  • 這個(gè)組合假設(shè)你想要一個(gè)可以用于構(gòu)造新URL的基礎(chǔ)URL。
  • 如果你的目標(biāo)是檢查或分析當(dāng)前頁面的URL，則直接訪問window.location的各個(gè)屬性通常就足夠了。

4. 獲取協(xié)議域名端口號(hào)一起（Origin）

端口號(hào)可以通過window.location.origin獲取。

var origin = window.location.origin;
console.log(origin); // 輸出：https://example.com:8080

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論