js获取当前页面路径示例讲解

下面是“js获取当前页面路径示例讲解”的完整攻略。

什么是页面路径？

Web页面的路径是指从Web服务器到Web文档的绝对或相对路径。绝对路径是从根目录开始的完整路径，如：http://www.example.com/index.html；而相对路径则是相对于当前文件所在的路径，如：./index.html。

如何在JS中获取当前页面路径？

获取当前页面路径可以使用location对象。该对象包含当前文档的相关信息，如URL、主机名、协议等。以下是两种获取当前页面路径的示例说明。

示例一：使用location.href

let currentUrl = location.href;
console.log(currentUrl);

location.href是包含完整URL的字符串，包括协议、主机名、路径和查询参数。上述代码可以将当前页面的完整URL（如：http://www.example.com/path/to/yourfile.html?arg1=val1&arg2=val2）存储到变量currentUrl中，并通过控制台进行输出。

示例二：使用location.pathname和location.host

let currentPath = location.pathname;
let currentHost = location.host;
console.log("当前页面路径为：" + currentHost + currentPath);

location.pathname是URL中的文件路径和文件名部分，不包含协议、主机名和查询参数。location.host是URL中的主机名和端口号部分，不包含协议和文件路径。上述代码可以将当前页面的路径（如：/path/to/yourfile.html）存储到变量currentPath中，将主机名和端口号（如：www.example.com）存储到变量currentHost中，并通过控制台进行输出。

总结

通过上述示例，我们可以看到，在JS中获取当前页面路径是比较容易的，只需要使用location对象中的属性即可。当我们需要获取页面路径时，可以根据具体的需求选择相应的属性或方法来进行操作。