检查 URL 是 HTTP 还是 HTTPS

在开发 web 应用时，我们有时需要知道一个 URL 是采用 HTTP 还是 HTTPS 协议，以便确定如何向服务器发送请求。本文将介绍如何使用 JavaScript 检查一个 URL 是否采用 HTTPS 协议。

查看 URL 的协议

我们可以通过读取 window.location.protocol 属性来查看当前页面的协议。该属性返回的是一个字符串，包含了当前页面使用的协议（例如 "http:" 或 "https:"）。

const protocol = window.location.protocol;
console.log("协议：" + protocol);

输出结果如下：

协议：https:

检查 URL 的协议

要检查一个 URL 是否采用 HTTPS 协议，我们可以使用正则表达式来匹配 URL 中的协议部分。以下是一个实现方式：

function isHttps(url) {
  return /^https:\/\//.test(url);
}

该函数接受一个 URL，如果 URL 中的协议为 HTTPS，则返回 true，否则返回 false。

以下是一个示例：

console.log(isHttps("https://example.com")); // true
console.log(isHttps("http://example.com")); // false

结论

通过读取 window.location.protocol 属性，我们可以轻松地获取当前页面的协议。如果需要检查一个 URL 是否采用 HTTPS 协议，我们可以使用正则表达式来匹配 URL 中的协议部分。