沃梦达 / IT编程 / 前端开发 / 正文

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

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

要获取系统的根路径,我们可以使用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对象来获取到当前网站的根路径。

本文标题为:js获取系统的根路径实现介绍