📜  如何在javascript中将URL解析为主机名和路径?(1)

📅  最后修改于: 2023-12-03 14:52:43.817000             🧑  作者: Mango

如何在Javascript中将URL解析为主机名和路径?

在Javascript中,可以使用URL对象来解析URL,并获取主机名和路径信息。

1. 创建URL对象

要使用URL对象,首先需要创建一个新的实例,并将URL作为参数传递给构造函数。

var myUrl = new URL("https://www.example.com/path/to/myfile.html");

这将创建一个URL对象myUrl,其中包含了https://www.example.com/path/to/myfile.html的信息。

2. 获取主机名

要获取URL中的主机名,可以使用URL对象的hostname属性。

var hostname = myUrl.hostname;

这将返回www.example.com作为主机名。

3. 获取路径

要获取URL中的路径信息,可以使用URL对象的pathname属性。

var pathname = myUrl.pathname;

这将返回/path/to/myfile.html作为路径信息。

4. 完整代码

下面是完整的代码示例,它演示了如何将URL解析为主机名和路径,并将其打印到控制台。

var myUrl = new URL("https://www.example.com/path/to/myfile.html");
var hostname = myUrl.hostname;
var pathname = myUrl.pathname;

console.log("主机名:" + hostname); // 输出:主机名:www.example.com
console.log("路径信息:" + pathname); // 输出:路径信息:/path/to/myfile.html

以上就是如何在Javascript中将URL解析为主机名和路径的方法。