今天在做项目的时候,朋友在项目中新建jsp文件和js文件和css文件,启动服务器,访问页面,加载不到js文件和css文件;(文件存在的情况下)
这种情况下应该是没有获取到js与css 的文件路径,导致样式不能加载!
jsp文件部分代码如下:
<link rel="stylesheet" href="/css/bootstrap-theme.min.css" /> <!--引入bootstrap样式文档--> <link rel="stylesheet" href="/css/bootstrap.min.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/bootstrap.min.js"></script>
这样就加载不了js文件和css文件;看了一下服务器里面也有相关文件,就是加载不了;
然后就在网上查询了一下方法,大概就是两种,我分享给大家
方法一:
<link rel="stylesheet" href=""${pageContext.request.contextPath }/css/bootstrap-theme.min.css" /> <!--引入bootstrap样式文档--> <link rel="stylesheet" href=""${pageContext.request.contextPath }/css/bootstrap.min.css" />
<script type="text/javascript" src=""${pageContext.request.contextPath }/js/jquery.min.js"></script> <script type="text/javascript" src=""${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
方法二:
<%@ page language="Java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html> <html> <head> <base href="<%=basePath%>">
<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Insert title here</title> <link rel="stylesheet" type="text/css" href="<%=basePath%>/css/bootstrap-theme.min.css"> <link rel="stylesheet" type="text/css" href="<%=basePath%>/css/bootstrap.min.css"> <script type="text/javascript" src="<%=basePath%>/js/jquery.min.js"></script> <script type="text/javascript" src="<%=basePath%>//js/bootstrap.min.js"></script> </head>
|