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

发布网友 发布时间:2022-04-27 04:06

我来回答

8个回答

热心网友 时间:2022-04-19 09:58

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

热心网友 时间:2022-04-19 11:16

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

热心网友 时间:2022-04-19 12:51

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

热心网友 时间:2022-04-19 14:42

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

热心网友 时间:2022-04-19 16:50

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

热心网友 时间:2022-04-19 19:15

如果webroot是你的根目录的放在,

可以/script/**.js

热心网友 时间:2022-04-19 21:56

放到同一级目录下后直接输引用名字就行了

热心网友 时间:2022-04-20 00:54

可以先回到根目录<script src="/webroot/xinwendongtaiurl/2015/04/03.****.js></script>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com