后端数据配置相对路径,前端添加网站根 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获取网站项目根路径

相关推荐
2501_920931702 小时前
React Native鸿蒙跨平台采用ScrollView的horizontal属性实现横向滚动实现特色游戏轮播和分类导航
javascript·react native·react.js·游戏·ecmascript·harmonyos
东东5164 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino4 小时前
图片、文件的预览
前端·javascript
2501_920931705 小时前
React Native鸿蒙跨平台实现推箱子游戏,完成玩家移动与箱子推动,当所有箱子都被推到目标位置时,玩家获胜
javascript·react native·react.js·游戏·ecmascript·harmonyos
AI老李6 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
方也_arkling6 小时前
Element Plus主题色定制
javascript·sass
2601_949809596 小时前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
Up九五小庞7 小时前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
摘星编程7 小时前
React Native + OpenHarmony:UniversalLink通用链接
javascript·react native·react.js
qq_177767377 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos