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"。

明白了么?

相关推荐
woshihonghonga1 分钟前
【动手学深度学习】
开发语言·python
郝开8 分钟前
Spring Boot 2.7.18(最终 2.x 系列版本)1 - 技术选型:连接池技术选型对比;接口文档技术选型对比
java·spring boot·spring
xuehuayu.cn9 分钟前
js es6 class 类中的值是异步赋值, 子类中如何获取这个值?
javascript·es6
威风的虫13 分钟前
ES6 数组方法:告别循环,拥抱函数式编程
开发语言·前端·javascript
小杨快跑~15 分钟前
ES6 Promise:告别回调地狱的异步编程革命
前端·javascript·ecmascript·es6
码界筑梦坊19 分钟前
240-基于Python的医疗疾病数据可视化分析系统
开发语言·python·信息可视化·数据分析·毕业设计·echarts
linweidong23 分钟前
VIVO前端面试题及参考答案
前端·跨域·localstorage·重绘·浏览器兼容·git管理·前端重构
有意义24 分钟前
从零搭建:json-server+Bootstrap+OpenAI 全栈 AI 小项目
前端·后端·llm
温宇飞24 分钟前
CCState:为大型 Web 应用设计的状态管理库
前端