今天在作項目的時候,朋友在項目中新建jsp文件和js文件和css文件,啓動服務器,訪問頁面,加載不到js文件和css文件;(文件存在的狀況下)javascript
這種狀況下應該是沒有獲取到js與css 的文件路徑,致使樣式不能加載!css
jsp文件部分代碼以下:html
<link rel="stylesheet" href="/css/bootstrap-theme.min.css" />
<!--引入bootstrap樣式文檔-->
<link rel="stylesheet" href="/css/bootstrap.min.css" />java
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>jquery
這樣就加載不了js文件和css文件;看了一下服務器裏面也有相關文件,就是加載不了;bootstrap
而後就在網上查詢了一下方法,大概就是兩種,我分享給你們服務器
方法一:jsp
<link rel="stylesheet" href=""${pageContext.request.contextPath }/css/bootstrap-theme.min.css" />
<!--引入bootstrap樣式文檔-->
<link rel="stylesheet" href=""${pageContext.request.contextPath }/css/bootstrap.min.css" />ui
<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>htm
方法二:
<%@ 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>