html页面中怎么获取项目根目录,及引入js和css

<script src="../../../../../scripts/***.js></script>
除了如上边那种用多个父路径外还有没有别的方法直接获取项目跟路径

<script src="../../../../../scripts/***.js></script>

除了如上边那种用多个父路径外还有没有别的方法直接获取项目跟路径。获取项目根目录

在jsp里去<%=request.getContextPath()%>这就是项目的根路径了,是到项目这层的。

js的引入方法如下:

<script src="<%=request.getContextPath() %> /home/test.js"></script>

css的引入方法:

<link href="<%=request.getContextPath() %>/css/one.css" rel="stylesheet" type="text/css">。/js获取项目根路径,如: http://localhost:8080/ems

getRootPath:function () {

//获取当前网址,如: http://localhost:8080/ems/Pages/Basic/Person.jsp

var curWwwPath = window.document.location.href;

//获取主机地址之后的目录,如: /ems/Pages/Basic/Person.jsp

var pathName = window.document.location.pathname;

var pos = curWwwPath.indexOf(pathName);

//获取主机地址,如: http://localhost:8080

var localhostPath = curWwwPath.substring(0, pos);

//获取带"/"的项目名,如:/ems

var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);

return(localhostPath + projectName);

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-02-27
获取项目根目录
在jsp里去<%=request.getContextPath()%>这就是项目的根路径了,是到项目这层的。
js的引入方法如下:
<script src="<%=request.getContextPath() %> /home/test.js"></script>
css的引入方法:
<link href="<%=request.getContextPath() %>/css/one.css" rel="stylesheet" type="text/css">
第2个回答  推荐于2018-02-23
js获得当前项目的根路径
<script>
function getRootPath(){
var strFullPath=window.document.location.href;
var strPath=window.document.location.pathname;
var pos=strFullPath.indexOf(strPath);
var prePath=strFullPath.substring(0,pos);
var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1);
return(prePath+postPath);
}
alert (getRootPath());
</script>
之后根据跟路径获取js文件。。。本回答被网友采纳
第3个回答  2018-09-05
<link href="/项目名称/css/one.css" rel="stylesheet" type="text/css">
<script src="/项目名称/scripts/***.js></script>
/项目名称 之后跟webapps 或者webroot下的文件夹名称,一直到要引用的js或者css
第4个回答  2015-04-03
主要是全部都用父路径比较稳妥。用用相对路径容易出问题
相似回答