JSP加載JS文件不起作用的有效解決方法
更新時(shí)間:2014年04月08日 11:23:21 作者:
jsp導(dǎo)入jquery文件,老是不起作用,原因在于其不能訪問/WEB-INF/目錄下的文件,下面有個(gè)不錯(cuò)的解決方法,大家可以參考下
目錄結(jié)構(gòu):jsp導(dǎo)入jquery文件,老是不起作用,原因在于:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
其不能訪問/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>
其不能訪問/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)文章
Tomcat5+Mssql server 2000數(shù)據(jù)庫(kù)連接池配置之旅
Tomcat5+Mssql server 2000數(shù)據(jù)庫(kù)連接池配置之旅...2006-10-10
詳解Hibernate cascade級(jí)聯(lián)屬性的CascadeType的用法
這篇文章主要介紹了詳解Hibernate cascade級(jí)聯(lián)屬性的CascadeType的用法的相關(guān)資料,需要的朋友可以參考下2017-02-02
jsp中實(shí)現(xiàn)上傳圖片即時(shí)顯示效果功能
上傳圖片時(shí)即時(shí)顯示圖片效果,這在項(xiàng)目開發(fā)中時(shí)很常見的一項(xiàng)功能,接下來(lái)介紹此功能的實(shí)現(xiàn)過(guò)程,有需要的朋友可以參考下2013-01-01
Java之JSP教程九大內(nèi)置對(duì)象詳解(下篇)
這篇文章主要介紹了Java之JSP教程九大內(nèi)置對(duì)象詳解(下篇),本文章內(nèi)容詳細(xì),通過(guò)案例可以更好的理解JSP內(nèi)置對(duì)象的相關(guān)知識(shí),本模塊分為了三部分,本次為下篇,講解了三個(gè)內(nèi)容,需要的朋友可以參考下2023-01-01
tomcat6下jsp出現(xiàn)getOutputStream() has already been called for t
這篇文章主要介紹tomcat6下jsp出現(xiàn)getOutputStream() has already been called for this response異常的原因和解決方法,需要的朋友可以參考下。2016-06-06

