初学query,引用路径浪费了好长时间,总结一下解决方法
一个简单地<p>消失演示
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=basePath %>/js/jquery-3.2.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("p").hide();
});
});
</script>
</head>
<body>
<p>this is a test!!!</p>
<button id="button" type="button">Click me</button>
</body>
</html>
web项目中的jsp有过基本的理解就知道
WEB-INF下面的文件不是可以随便访问的
,
在webapp下创建js文件夹,用来存放jquery文件,
网上其他解决方法.没有尝试,也贴出相应的解决方法
<script src=".js/jquery-1.4.2.js" type="text/javascript"></script>
js文件引用 是相对路径!!所以地址前面的点不能少!
------解决方案--------------------
用绝对地址
<script src="<%=basePath %>/js/jquery.min.js"></script>
------解决方案--------------------
没有添加到路径中去:
build path->add to build path
------解决方案--------------------
楼主的jsp是head.jsp吗???如果是
<script src="js/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.tweet.js"></script>
<script src="js/jquery.nivo.slider.js"></script>
<script src="js/jquery.poshytip.min.js"></script>
这样写是可以引导js文件的
不过我看你引了这么多js 而截图上没这么多