Question

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

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

Answer 1

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

Answer 2

获取项目根目录
在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">

Answer 3

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文件。。。

Answer 4

<link href="/项目名称/css/one.css" rel="stylesheet" type="text/css">
<script src="/项目名称/scripts/***.js></script>
/项目名称 之后跟webapps 或者webroot下的文件夹名称,一直到要引用的js或者css

Answer 5

主要是全部都用父路径比较稳妥。用用相对路径容易出问题