了解location.protocol属性及其作用

location.protocol 属性

location.protocol 属性可以获取当前页面使用的协议，包括http、https、ftp等，它是一个只读的字符串属性。

// 获取当前页面使用的协议
console.log(location.protocol);

使用location.protocol属性可以判断当前页面是否是安全页面，如果是https协议，则表示当前页面是安全页面，如果是http协议，则表示当前页面是不安全页面。

// 判断当前页面是否是安全页面
if (location.protocol === 'https:') {
  console.log('当前页面是安全页面');
} else {
  console.log('当前页面是不安全页面');
}

location.protocol 属性还可以用来拼接链接，使用location.protocol属性可以获取当前页面使用的协议，与需要拼接的链接拼接起来，从而实现自动拼接链接的目的。

// 拼接链接
var url = location.protocol + '//www.example.com/';
console.log(url);

location.protocol 属性也可以用来判断当前页面是否是本地文件，如果是file协议，则表示当前页面是本地文件，如果是http或者https协议，则表示当前页面不是本地文件。

// 判断当前页面是否是本地文件
if (location.protocol === 'file:') {
  console.log('当前页面是本地文件');
} else {
  console.log('当前页面不是本地文件');
}

location.protocol属性可以用来获取当前页面使用的协议，可以用来判断当前页面是否是安全页面，也可以用来拼接链接，还可以用来判断当前页面是否是本地文件。