做了一个小项目,引用了bootstrap,但jsp页面始终不显示其样式,但是在html中可以显示样式,且在jsp中按住Ctrl也可以跳过去,在网上找了很多资源,但始终无法解决我遇到的问题。百思不得其解之时,大神帮我解决了这个问题。给大家分享一下。
我的项目
itmesList.jsp的引入js代码
<!-- 引入BootStrap的CSS -->
<link rel="stylesheet" type="text/css" href="/Springmvc002/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/Springmvc002/bootstrap/css/bootstrap-theme.min.css" />
<!-- 引入JS-->
<script type="text/javascript" src="/bootstrap/js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="/bootstrap/js/bootstrap.min.js" ></script>
访问结果:没有任何样式
同一工程下11.html
<!-- 新Bootstrap核心css文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!--可选的Bootstrap主题文件(一般不引入) -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
<!--jsquery文件。务必在bootstrap.min.js之前引入 -->
<script src="bootstrap/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<!-- 最新的Bootstrap核心JavaScript文件 -->
<script src="/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
页面效果:有样式
同样的js,css,html可以加载,jsp不可,虽然按住Ctrl可以访问到,后经过在浏览器上查看页面源代码发现
jsp中:css引入的路径为
http://127.0.0.1:8080/bootstrap/css/bootstrap-theme.min.css
而html中:css引入的路径为
//127.0.0.1:8080/Springmvc002/bootstrap/css/bootstrap.min.css
相比之后,发现少了项目名称,在jsp路径中添加项目名称,如下:
而访问页面
当我们的项目无法引用js或css时,查看页面源代码,看看是否加载到js文件