js 判断当前网站是否是https

在 JavaScript 中，您可以轻松地判断当前页面是否通过 HTTPS 协议加载。这可以通过检查 window.location.protocol 属性来实现。以下是几种不同的方法来判断当前页面是否使用 HTTPS：

方法一：简单的条件判断

if (window.location.protocol === 'https:') {
    console.log('当前页面是通过 HTTPS 加载的');
} else {
    console.log('当前页面是通过 HTTP 加载的');
}

方法二：使用三元运算符

const isHttps = window.location.protocol === 'https:';
console.log(isHttps ? '当前页面是通过 HTTPS 加载的' : '当前页面是通过 HTTP 加载的');

方法三：封装成函数

如果您需要在多个地方使用这个判断，可以将其封装成一个函数：

function isPageSecure() {
    return window.location.protocol === 'https:';
}

if (isPageSecure()) {
    console.log('当前页面是通过 HTTPS 加载的');
} else {
    console.log('当前页面是通过 HTTP 加载的');
}

方法四：使用布尔值直接判断

如果您只需要一个布尔值来表示当前页面是否是 HTTPS，可以直接返回布尔值：

const isHttps = () => window.location.protocol === 'https:';

if (isHttps()) {
    console.log('当前页面是通过 HTTPS 加载的');
} else {
    console.log('当前页面是通过 HTTP 加载的');
}

使用场景

这些方法可以在多种场景下使用，例如：

• 根据当前协议决定是否启用某些安全功能。
• 在混合内容警告中提示用户。
• 动态调整某些资源的加载方式（例如，图片或脚本的 URL）。

通过这些方法，您可以轻松地判断当前页面是否通过 HTTPS 协议加载，并根据需要进行相应的处理。