1. 程式人生 > >Eclipse中寫jsp檔案,裡面載入不了js檔案和css檔案

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 }/

static/theme/css/yuqing/demo.css">
<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>