javascript 当前协议端口

原创

mob649e8153b214 2023-09-01 11:24:21 ©著作权

文章标签 当前页 HTTP HTTPS 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者mob649e8153b214的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaScript 当前协议与端口

JavaScript是一种广泛应用于Web开发的脚本语言，可以在客户端和服务器端运行。在开发中，我们经常需要获取当前页面的协议和端口信息，以便根据这些信息来做出相应的处理。本文将介绍如何使用JavaScript来获取当前页面的协议和端口，并给出相关的代码示例。

获取当前协议

通过JavaScript可以轻松获取当前页面所使用的协议。常见的协议有HTTP、HTTPS等，这些协议决定了页面的数据传输方式和安全性。使用window.location.protocol即可获取当前协议。

下面是获取当前协议的示例代码：

// 获取当前协议
var currentProtocol = window.location.protocol;
console.log("当前协议是：" + currentProtocol);

代码说明：

window.location.protocol是一个包含页面URL协议部分的字符串，例如http:、https:等。
console.log()用于在浏览器控制台输出信息，这里会输出当前协议。

获取当前端口

除了获取协议，有时候我们还需要获取当前页面所使用的端口号。默认情况下，HTTP使用80端口，HTTPS使用443端口。通过window.location.port可以获取当前页面的端口号。

下面是获取当前端口的示例代码：

// 获取当前端口
var currentPort = window.location.port;
console.log("当前端口是：" + currentPort);

代码说明：

window.location.port是一个包含页面URL端口部分的字符串，例如80、8080等。
console.log()用于在浏览器控制台输出信息，这里会输出当前端口。

使用示例

下面是一个综合示例，展示如何获取当前协议和端口，并根据这些信息进行相应的处理。

// 获取当前协议
var currentProtocol = window.location.protocol;

// 获取当前端口
var currentPort = window.location.port;

// 判断当前协议
if (currentProtocol === "https:") {
  console.log("当前使用的是HTTPS协议");
} else {
  console.log("当前使用的是HTTP协议");
}

// 判断当前端口
if (currentPort === "80") {
  console.log("当前使用的是默认HTTP端口");
} else if (currentPort === "443") {
  console.log("当前使用的是默认HTTPS端口");
} else {
  console.log("当前使用的是自定义端口：" + currentPort);
}

代码说明：