JS中获取contextPath的方法

参考：https://hanzhdy.iteye.com/blog/2261832

https://blog.csdn.net/xb12369/article/details/46416845

 

在JSP中可以通过 request.getContextPath() 来获取上下文的路径，在freemarker中也可以通过 ${base} 获取上下文路径，但是在JS中却无法直接使用这些方式。

 

在JS中获取contextPath路径的方法

方法一：

在JSP页面中写上这么一段代码：var $ctx = '<%=request.getContextPath()%>';

然后在下方加上其他JS文件的引用：

 $base 这个变量就能在其他JS文件中使用。

function c() {
    a.attr("src", $ctx + "/admin/welcome.html");
}

缺点：要写一个额外的script标签。

 

方法二：

在被引用的js后面添加一个参数，将上下文路径传进去，然后在js代码中解析这个参数，得到上下文路径：

然后在mine.js中开头写上这么一句话： 

var js=document.scripts;
var url=js[js.length-1].src;
var $ctx=getQueryString(url,'ctx');
function getQueryString(url,name){
     var reg = new RegExp("(\\?|&)"+ name +"=([^&]*)(&|$)");
     var r = url.substr(1).match(reg);
     if(r!=null)return unescape(r[2]); return null;
}

这里面一个非常重要的一点在于，如果页面中有很多js引用，而mine.js无论插在开头还是末尾亦或中间，var url=js[js.length-1].src;这一行代码都能获取到mine.js自身的url，这样var ctx=$ctx;这一行代码都能获取到mine.js自身的$ctx。 
这其中的原因大致就是JS从上到下解释执行模式所带来的一个小福利了。

 

方法三：

使用 / 直接对url进行解析

function getContextPath(){ 
	var pathName = document.location.pathname; 
	var index = pathName.substr(1).indexOf("/"); 
	var result = pathName.substr(0,index+1); 
	return result; 
}

或者

//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);
}

这两段代码大同小异，都是用 / 对url进行分割，然后获取域名之后的第一个路径。这样做有个问题，如果上下文路径是 / 或者多层路径，那解析出来的就是错误的，所以不推荐使用。