Eclipse中寫jsp檔案,裡面載入不了js檔案和css檔案
在專案中新建jsp檔案和js檔案和css檔案,啟動伺服器,訪問頁面,載入不到js檔案和css檔案;(檔案存在)
jsp檔案部分程式碼如下:
<link rel="stylesheet" type="text/css" href="static/theme/css/yuqing/easyui.css">
<link rel="stylesheet" type="text/css" href="static/theme/css/yuqing/icon.css">
<link rel="stylesheet" type="text/css" href="static/theme/css/yuqing/demo.css">
<script type="text/javascript" src="static/js/ywzbindex/yuqing/jquery.min.js"></script>
<script type="text/javascript" src="static/js/ywzbindex/yuqing/jquery.easyui.min.js"></script>.
這樣就載入不了js檔案和css檔案;看了一下伺服器裡面也有相關檔案,就是載入不了;
網上查了一下;
方法一:加上:${pageContext.request.contextPath }/
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/icon.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/ywzbindex/yuqing/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/ywzbindex/yuqing/jquery.easyui.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 http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/static/theme/css/yuqing/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/static/theme/css/yuqing/icon.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/static/theme/css/yuqing/demo.css">
<script type="text/javascript" src="<%=basePath%>/static/js/ywzbindex/yuqing/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/static/js/ywzbindex/yuqing/jquery.easyui.min.js"></script>
</head>