在js里的路径问题

最新推荐文章于 2025-05-29 19:08:34 发布

原创最新推荐文章于 2025-05-29 19:08:34 发布 · 906 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js

收录于

本文介绍了JavaScript中使用相对路径和绝对路径的方法。相对路径适用于固定目录结构的项目，而绝对路径则更为灵活，尤其当项目目录结构不确定时。文章还提供了一个获取项目根路径的实用函数。

对于一个页面，我们使用的路径格式无非就两种：绝对路径和相对路径。

使用相对路径要考虑文件的目录结构，如果项目的页面的目录结构相对固定，采用这种方式比较好

如在1-1.js中访问data.json直接使用：

json/data.json

如果项目目录结构不固定：那么就要用到绝对路径了。

//js获取项目根路径，如： http://localhost:8083/uimcardprj
function getRootPath(){
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址，如： http://localhost:8083
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名，如：/uimcardprj
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return(localhostPaht+projectName);
}

，这就可以获得项目的绝对路径了。

要记住一点：js的”/“路径是上面的localhostPath，而不是文件所在的目录。