JavaScript 获取网站协议、域名与端口号的方法

var protocol = window.location.protocol;
console.log(protocol); // 输出：http: 或 https:

var hostname = window.location.hostname;
console.log(hostname); // 输出：例如 example.com

var port = window.location.port;
console.log(port); // 输出：例如 8080 或 ""（如果未指定且为默认端口）

var protocol = window.location.protocol;
var hostname = window.location.hostname;
var port = window.location.port ? ':' + window.location.port : ''; // 如果端口号不是默认，则添加':'和端口号
var baseUrl = protocol + '//' + hostname + port;
console.log(baseUrl); // 输出：例如 https://example.com:8080 或 http://example.com

var origin = window.location.origin;
console.log(origin); // 输出：https://example.com:8080