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

html-css017

html页面中怎么获取项目根目录，及引入js和css,第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)

超链接跳转到其他的目录或者根目录一般是使用相对路径或者绝对路径的进行跳转。

工具原料：编辑器、浏览器

1、相对路径跳转的方法如下：

1

<a href="../test.html"></a>

以上代码会跳转到上一目录

2、绝对方法跳转到其他目录代码如下：

1

<a href="c:/test/test.html"></a>

相对路径下一般使用：

./表示

当前目录

../表示

父级目录

/

表示根目录

页面中获取的话用js，在网上找了一个函数。

function getRootPath(){

  //获取当前网址，如： http://localhost:8088/test/test.jsp

  var curPath=window.document.location.href

  //获取主机地址之后的目录，如： test/test.jsp

  var pathName=window.document.location.pathname

  var pos=curPath.indexOf(pathName)

  //获取主机地址，如： http://localhost:8088

  var localhostPaht=curPath.substring(0,pos)

  //获取带"/"的项目名，如：/test

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

  return(localhostPaht+projectName)

}