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

明白了么?

相关推荐
古一|8 分钟前
vue3都有哪些升级相比vue2-核心响应式系统重构
javascript·vue.js·重构
HHHHHY9 分钟前
http接口响应头类型不对,导致svg图片无法预览,前端解决方案
前端·javascript
货拉拉技术10 分钟前
网关 MCP 转换技术:从实现到平台落地
java·架构·mcp
艾菜籽10 分钟前
SpringMVC练习:加法计算器与登录
java·spring boot·spring·mvc
啊森要自信11 分钟前
【GUI自动化测试】Python 自动化测试框架 pytest 全面指南:基础语法、核心特性(参数化 / Fixture)及项目实操
开发语言·python·ui·单元测试·pytest
Komorebi゛18 分钟前
【React】配置别名路径
前端·react.js·前端框架
风语者日志21 分钟前
CTFSHOW WEB 3
前端
赵谨言22 分钟前
基于python智能家居环境质量分析系统的设计与实现
开发语言·经验分享·python·智能家居
元亓亓亓35 分钟前
考研408--组成原理--day1
开发语言·javascript·考研·计组
普通码农41 分钟前
uni.setClipboardData在 iOS 剪贴板复制失败解决方案
前端