如何在JSP中设置javascript路径

时间:2013-03-06 10:45:08

标签: javascript jsp path resources

我正在使用Maven构建SpringMVC3.2,JSP和Tomcat。我的Web应用程序结构如下所示。

tomcat
  |-- webapps
    |-- MyApp
      |-- css
      |-- js
        |-- jquery.js
      |-- images
      |-- META-INF
      |-- WEB-INF
        |-- classes
        |-- lib
        |-- src
        |-- web.xml
        |-- pages
             |-- index.jsp

我在index.jsp中设置了如下的JavaScript路径:

<script src="../js/jquery.js"></script>

但它无法加载Javascript文件。我改变了路径并将文件移到了那里,但一切都没有用。我错过了什么?请帮帮我。

提前致谢。

EDIT 实际上,我通过不同的社区找到了答案。

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
    <script src="${contextPath}/js/jquery-1.9.1.js"></script>

</head>
<body>
</body>
</html>

这不是一个很好的方式,但它对我来说很好,如果你想要不同的解决方案,那么请看下面的答案。

2 个答案:

答案 0 :(得分:0)

tomcat
  |-- webapps
    |-- YourApplicatipName
      |-- css
      |-- js
        |-- jquery.js
      |-- images
      |-- META-INF
      |-- WEB-INF
        |-- classes
        |-- lib
        |-- src
        |-- web.xml

js文件夹应该只在你的根文件夹中

现在您的指定路径将起作用

答案 1 :(得分:0)

的web.xml

<jsp-config>
<jsp-property-group>
<url-pattern>*.jsp</url-pattern>
<page-encoding>UTF-8</page-encoding>
<scripting-invalid>true</scripting-invalid>
<include-prelude>/WEB-INF/common/commonDefinition.jspf</include-prelude>
</jsp-property-group>
</jsp-config>

commonDefinition.jspf

<%@ page language="java" contentType="text/html; charset=UTF-8" %><%@ 
taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ 
taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %><%@ 
taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %><%@ 
taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>