后端数据配置相对路径,前端添加网站根 URL (根路径)- js获取网站项目根路径- 获取根路径后的第一个斜杠前 / 的项目- - 判断url包含某字符串

1、js获取网站项目根路径

js获取项目根路径,如下:

http://localhost:8080/testproject/test.html

根路径:http://localhost:8080

javascript 复制代码
function getRootPath(){
    //获取当前网址,
    // 如: http://localhost:8080/testproject/test.html
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录,如: testproject/test.html
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址,如: http://localhost:8080
    var localhostPaht=curWwwPath.substring(0,pos);
    return localhostPaht;
}

2、获取根路径后的第一个斜杠前 / 的项目

javascript 复制代码
function getRootProjectPath(){
    //获取当前网址,如: http://localhost:8080/testproject/test.html
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录,如: testproject/test.html
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址,如: http://localhost:8080
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名,如:/testproject
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return projectName;
}

3、判断url包含某字符串:

javascript 复制代码
var path = window.document.location.pathname;
if (path=="/user/do/editpassword"){
    alert("ok");
}

参考链接

1. js获取网站项目根路径

相关推荐
行走的陀螺仪13 分钟前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
冴羽16 分钟前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
Mr.Jessy40 分钟前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
醉方休44 分钟前
开发一个完整的Electron应用程序
前端·javascript·electron
不会算法的小灰1 小时前
Vue.js 基础教程:从入门到实践
前端·javascript·vue.js
拉不动的猪1 小时前
浏览器&Websocket&热更新
前端·javascript·vue.js
Never_Satisfied2 小时前
在JavaScript中,将包含HTML实体字符的字符串转换为普通字符
开发语言·javascript·html
im_AMBER2 小时前
React 12
前端·javascript·笔记·学习·react.js·前端框架
前端付豪2 小时前
Vue 中的 JSX:让组件渲染更灵活的正确方式
前端·javascript·vue.js
小高0075 小时前
深入理解 package.json:前端项目的 "身份证"
前端·javascript·vue.js