在 JavaScript 中，你可以使用 `window.location` 对象来获取当前页面的协议（protocol）和域名（hostname 或 host）。

示例代码：

javascript
// 获取完整协议（包括冒号和双斜杠，例如 http: 或 https:）
const protocol = window.location.protocol;

// 获取主机名（域名，例如 example.com 或 www.google.com）
const hostname = window.location.hostname;

// 获取主机（域名+端口，如果有的话，例如 example.com:8080）
const host = window.location.host;

// 拼接协议和域名
const origin = protocol + // + host;

console.log(Protocol:, protocol);
console.log(Hostname:, hostname);
console.log(Host:, host);
console.log(Origin:, origin);

输出示例

如果你当前访问的是：

https://www.example.com:8080/path?query=1

输出将是：

text
Protocol: https:
Hostname: www.example.com
Host: www.example.com:8080
Origin: https://www.example.com:8080

常见属性说明：

| 属性 | 含义 |

| `protocol` | 协议部分（如：`http:`、`https:`） |
| `hostname` | 域名部分（不包含端口） |
| `port` | 端口号（如：`8080`） |
| `host` | 域名+端口（如有） |
| `origin` | 完整的源地址（协议 + 域名 + 端口） |

获取完整的源地址（协议+域名+端口）

javascript
const fullOrigin = window.location.origin;
console.log(fullOrigin); // 例如：https://www.example.com:8080

注意：`location.origin` 在现代浏览器中广泛支持，但在某些旧版本浏览器（如 IE）中可能不可用。此时可以用上面手动拼接的方式替代。

如需兼容性更强的写法：

javascript
const safeOrigin = window.location.origin
window.location.protocol + '//' + window.location.hostname +
(window.location.port ? ':' + window.location.port : '');
console.log(safeOrigin);

如你有其他需求，比如获取子路径、参数等，也可以继续问我 😊