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

203 阅读 0 评论 134 点赞

我是靠谱客的博主冷艳胡萝卜，最近开发中收集的这篇文章主要介绍JSP加载JS文件不起作用的有效解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

复制代码代码如下:

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

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> 