JSP加载JS文件不起作用的有效解决方法

  目录结构:jsp导入jquery文件,老是不起作用,原因在于:

  

复制代码 代码如下:

  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

  其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。

JSP加载JS文件不起作用的有效解决方法

  test.html:

  

复制代码 代码如下:

  <%@ page language="java" %>

  <%@ page contentType="text/html; charset=UTF-8" %>

  <%@ page import="java.util.*" %>

  <%@ page isELIgnored="false" %>

  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

  <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

  <%

  String path = request.getContextPath();

  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

  %>

  <html>

  <head>

  <base href="<%=basePath%>" />

  <link rel=stylesheet type="text/css" href="css/style.css"/>

  <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>

  <script type="text/javascript">

  $(document).ready(function() {

  alert("hello, jquery");

  });

  </script>

  <title>登录</title>

  </head>

  <body>

  <p class="error"><%=basePath%></p>

  </body>

  </html>