前端开发语言 web jquery javascript获取地址栏的绝对路径

javascript获取地址栏的绝对路径的方法代码：

// 获取地址栏的绝对路径

function getRootPath() {

var strFullPath = window.document.location.href;

var strPath = window.document.location.pathname;

var pos = strFullPath.indexOf(strPath);

var prePath = strFullPath.substring(0, pos);

var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);

return (prePath + postPath);

//return prePath;

}

【getRootPath】获取地址栏的绝对路径的方法名称；

【window.document.location.href】：获取当前页面地址栏的地址；

如下图：

图1

【window.document.location.pathname】：获取当前页面的路径或文件名；

如下图：

图2

【strFullPath.indexOf(strPath)】：查看当前页面的路径或文件名在在地址栏之中的位置；

如下图：

图3

【 strFullPath.substring(0, pos)】：通过当前页面的路径或文件名的位置截取页面地址栏的地址；

如下图：

图4

【strPath.substring(0, strPath.substr(1).indexOf('/') + 1)】：再次做截取；

【prePath + postPath】：最终获取地址栏的绝对路径；

如下图：

图5

这里的截图是用的本地文件打开的，而如果启动服务之后来看的话，会更加清晰。

关注公众号（月影WEB），了解更多的前后端知识；

欢迎大家关注互相交流学习；

金钥匙