location.protocol+‘//‘+location.hostname实现什么功能?

复制代码
 location.protocol+'//'+location.hostname,这段代码可以获取当前页面的协议和主机名,并将它们拼接在一起形成一个完整的URL。
复制代码
那么,当前页面的协议是什么?

常见的协议包括HTTP和HTTPS。HTTP是超文本传输协议,而HTTPS是安全套接字层超文本传输协议,用于加密和保护数据传输。在浏览器的地址栏中可以查看当前页面的协议。

前页面的协议究竟指什么?

通过查看当前页面的URL可以确定当前页面的协议。如果URL以"http://"开头,则表示使用HTTP协议;如果URL以"https://"开头,则表示使用HTTPS协议。也就是说,当前页面协议是指"HTTP"或"HTTPS"这两个字符串。

也就是说:location.protocol可以获取当前页面的协议字符串"HTTP"或"HTTPS"。

location.hostname可以获取当前页面的主机名,如果当前页面的URL为https://www.example.com/index.html,那么location.hostname将返回"www.example.com"。

现在清楚了,如果当前页面的URL为https://www.example.com/index.html,那么,location.protocol返回的是"https",location.hostname将返回"www.example.com",

location.protocol+'//'+location.hostname就等于"https://www.example.com"。

明白了么?

相关推荐
UI设计和前端开发从业者几秒前
UI前端大数据处理策略优化:基于云计算的数据存储与计算
前端·ui·云计算
不死的精灵2 分钟前
【Java21】在spring boot中使用ScopedValue
java·spring boot·后端
Tipriest_20 分钟前
Python关键字梳理
python·关键字·keyword
勤奋的知更鸟25 分钟前
Java 编程之模板方法模式
java·开发语言·模板方法模式
前端小巷子27 分钟前
Web开发中的文件上传
前端·javascript·面试
逸风尊者1 小时前
开发易掌握的知识:GeoHash查找附近空闲车辆
java·后端
翻滚吧键盘1 小时前
{{ }}和v-on:click
前端·vue.js
碎叶城李白1 小时前
若依学习笔记1-validated
java·笔记·学习·validated
上单带刀不带妹1 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
前端风云志1 小时前
typescript结构化类型应用两例
javascript