JavaScript中从URL中获取协议、域名和端口

摘要

本教程将介绍如何从给定的URL中提取完整的协议、域名和端口。我们将提供示例代码并解释具体用法。

内容

有时我们需要从一个URL中提取出协议、域名和端口等信息。我们可以使用JavaScript来实现这个功能。

1var url = "https://localhost:8181/ContactUs-1.0/contact?lang=it&report_type=consumer";
2var arr = url.split("/");
3var result = arr[0] + "//" + arr[2];
4console.log(result);

上述代码中，我们首先将URL按照/进行分割，然后从分割后的数组中提取出需要的部分，再通过字符串拼接的方式得到完整的协议、域名和端口信息。

另外，如果是在浏览器环境下，还可以使用window.location.protocol、window.location.hostname和window.location.port来获取当前页面的协议、域名和端口信息。

1var protocol = window.location.protocol;
2var domain = window.location.hostname;
3var port = window.location.port;

通过上述代码，我们可以获取到当前页面的协议、域名和端口信息。

总结

通过JavaScript的字符串处理操作和浏览器提供的API，我们可以从URL中提取出协议、域名和端口等信息。希望本教程对你有所帮助！