2017-04-05 33 views
0
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<script type="text/javascript" src="../scripts/angular.min.js"></script> 
<script type="text/javascript" src="../scripts/jquery-3.2.0.js"></script> 
<link rel="stylesheet" type="text/css" href="../css/home.css"> 
<title>Hello</title> 
</head> 
<body> 
    <div id="d1"> 
    asfsdg 
    </div> 

</body> 
</html> 

我試圖添加樣式到jsp頁面中的html元素,但是當我添加樣式並在tomacat 9.0上運行它時,沒有任何反應出現,只有純文本出現。 當我移動到頁面的源代碼,然後單擊鏈接到CSS它顯示了我一個錯誤錯誤在jsp中添加css

HTTP Status 404 – Not Found 

Type Status Report 

Message /TutorNextDoor/css/home.css 

Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists. 

Apache Tomcat/9.0.0.M18 

enter image description here

+1

你會編輯顯示文件夾結構的文章嗎?對於你現在正在做的事情,你的jsp位於一個與css相同的文件夾中。這是對的嗎? –

+0

我添加了圖像顯示結構 –

+0

沒有它沒有工作 –

回答

0

您可以將你的CSS和腳本里面WebContent文件夾,並給該路徑的HTML/JSP文件採用以下方式:

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <!-- Scripts --> 
    <script type="text/javascript" src="<%=request.getContextPath()%>/scripts/angular.min.js"></script> 
    <script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery-3.2.0.js"></script> 
    <!-- CSS --> 
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/home.css"> 
    <title>Hello</title> 
    </head> 
    <body> 
     <div id="d1"> 
      asfsdg 
     </div> 
    </body> 
    </html>