JSP加載JS文件不起作用的有效解決方法
更新時(shí)間:2014年04月08日 11:23:21 作者:
jsp導(dǎo)入jquery文件,老是不起作用,原因在于其不能訪(fǎng)問(wèn)/WEB-INF/目錄下的文件,下面有個(gè)不錯(cuò)的解決方法,大家可以參考下
目錄結(jié)構(gòu):jsp導(dǎo)入jquery文件,老是不起作用,原因在于:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
其不能訪(fǎng)問(wèn)/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>
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
其不能訪(fǎng)問(wèn)/WEB-INF/目錄下的文件,因此需要將加載的js文件其放倒webapp目錄。

test.html:
復(fù)制代碼 代碼如下:
<%@ 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>
相關(guān)文章
JAVA/JSP學(xué)習(xí)系列之八(改寫(xiě)MySQL翻頁(yè)例子)
JAVA/JSP學(xué)習(xí)系列之八(改寫(xiě)MySQL翻頁(yè)例子)...2006-10-10JSP實(shí)現(xiàn)添加功能和分頁(yè)顯示實(shí)例分析
這篇文章主要介紹了JSP實(shí)現(xiàn)添加功能和分頁(yè)顯示,以實(shí)例形式較為詳細(xì)的分析了JSP基于MVC框架的添加及分頁(yè)功能的注意事項(xiàng)與實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09EJB3.0開(kāi)發(fā)之多對(duì)多和一對(duì)一
EJB3.0開(kāi)發(fā)之多對(duì)多和一對(duì)一...2006-10-10JSP下動(dòng)態(tài)INCLUDE與靜態(tài)INCLUDE的區(qū)別分析
這篇文章給大家介紹了JSP下動(dòng)態(tài)INCLUDE與靜態(tài)INCLUDE的區(qū)別分析,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2007-12-12jsp 獲取客戶(hù)端的瀏覽器和操作系統(tǒng)信息
j2ee 面試常遇見(jiàn)的問(wèn)題,收集了一下,可以參考2009-06-06JBuilder2005單元測(cè)試體驗(yàn)之測(cè)試配置
JBuilder2005單元測(cè)試體驗(yàn)之測(cè)試配置...2006-10-10