js获取系统的根路径实现介绍

要获取系统的根路径，我们可以使用JavaScript中的location对象。location对象提供了一些属性可以获取当前网页的地址信息。

获取系统根路径的方法

我们可以使用location对象中的host+pathname属性来获取系统的根路径。host属性可以获取域名和端口号，pathname属性可以获取当前路径。

代码示例：

var rootPath = location.host + location.pathname;
console.log(rootPath);

这样就可以获取当前网页所在的根路径了。

另一种获取系统根路径的方法是使用location对象中的origin属性，可以直接获取带有协议、域名、端口的根路径。

代码示例：

var rootPath = location.origin;
console.log(rootPath);

这样也可以获取到系统的根路径。

示例说明

下面是两个示例说明：

示例一

比如你的网站根目录是http://www.example.com/，你想获取到系统的根路径http://www.example.com/。那么可以使用下面的代码：

var rootPath = location.origin;
console.log(rootPath);

输出结果：

http://www.example.com

示例二

比如你的网站根目录是http://www.example.com/app/，你想获取到系统的根路径http://www.example.com/app/。那么可以使用下面的代码：

var rootPath = location.host + location.pathname;
console.log(rootPath);

输出结果：

http://www.example.com/app/

通过以上两个实例，我们可以看到不管网站的根路径是什么，都可以通过location对象来获取到当前网站的根路径。