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

前端技术 2023/09/04 JSP
目录结构：jsp导入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>

本文地址：https://www.stayed.cn/item/9664

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案