JS动态获取项目名以及获取URL地址中的参数

在项目当中我们可能会遇到例如改变的项目名称之后,相对应的地址就需要改变,为了减少工作量,将地址当中的项目名这一块写成动态获取的,那么最关键一点就是我要先获取它,再进行操作;

知识点整理,话不多说,直接贴代码:

获取项目名:

1
2
3
4
5
6
function URLPath(msg){
    var pathName = window.document.location.pathname;
    var projectName = pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return projectName+msg;
}
URLPath();<br>//pathName为获取的整个地址<br>//projectName为截取的项目名称,格式为(‘/项目名’)<br>//msg参数为地址,格式为('/index.html')

往往我们URL地址中带一些不涉及隐私、安全问题的参数是完全ok的,那么在这些地址当中,我想在页面将相对应的参数值获取到,那该如何应对呢?

获取URL地址参数:  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function getQueryString(attr){
    var reg = new RegExp('(^|&)'+attr+'=([^&]*)(&|$)');
    var r = window.location.search.substr(1).match(reg);
//            if(r != null){
//                return decodeURI(r[2]);
//            }else{
//                return null;
//            }
    return r == null?null:decodeURI(r[2]);
}
getQueryString();
 
//参数attr为相对应属性名称,例如:('name')
//unescape()方法ECMAScript v3反对使用,因此用decodeURI() 和 decodeURIComponent()替代,解码
 
方法总结,便于使用,不喜勿喷…
posted @   神仙哥哥灬  阅读(2739)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示