js 获取当前网站的协议、域名、端口号

在JavaScript中，你可以通过window.location对象来获取当前网站的URL信息，包括协议（protocol）、域名（hostname）、端口号（port）等。以下是如何分别获取这些信息的示例：

1. 获取协议（Protocol）

协议部分可以通过window.location.protocol获取，这将返回包括冒号（:）的协议名称，例如http:或https:。

javascript复制代码

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

2. 获取域名（Hostname）

域名部分可以通过window.location.hostname获取，这将返回不包括端口号的域名。

javascript复制代码

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

3. 获取端口号（Port）

端口号可以通过window.location.port获取。如果URL中未明确指定端口号，并且协议是http，则端口号默认为80；如果协议是https，则端口号默认为443。然而，window.location.port在这些情况下将不会返回默认值，而是返回空字符串""。

javascript复制代码

	var port = window.location.port;
	console.log(port); // 输出：例如 8080 或 ""（如果未指定且为默认端口）

示例：组合URL部分

如果你想要将协议、域名和端口号（如果非默认）组合起来，你可以这样做：

javascript复制代码

	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

请注意，这个组合假设你想要一个可以用于构造新URL的基础URL。如果你的目标是检查或分析当前页面的URL，则直接访问window.location的各个属性通常就足够了。

4. 获取协议域名端口号一起（Origin）

端口号可以通过window.location.origin获取。

javascript复制代码

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