JavaWeb中的各种资源引用问题汇总与解决

WEB-INF中jsp的js文件引用

  1. 将引用语句添加到<body>之前
<script type="text/javascript" src="scripts/xx.js"></script>
  1. 在html的标签中添加处理事件的引用(调用js的函数)
  2. 如果需要在html文档加载后立即运行js代码,在js文件中添加window.onload=xxfunc;
  3. JavaWeb中,勿将js文件放在WEB-INF中,文件目录如WebContent/js/xx.js,WEB-INF中的jsp文件引用时添加
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/xx.js"></script>

注意
src资源的格式:

  • js的文件夹和html文件同级,例如C:\demo.htmlC:\js\demojs.js,调用语句为
src="js/demojs.js"
  • 如果js文件和html同级,例如c:\web\demo.htmlc:\web\demoJ.js,调用语句为:
src="demoJ.js"
  • 如果js在html的父级文件夹中,例如C:\web\demo.htmlC:\demoJ.js,调用语句为
src="../demoJ.js"

注意src中分隔符的方向


Servlet跳转和引用的问题:

常用的函数
转发

request.getRequestDispatcher("/UsermanagerServlet").forward(request, response);

重定向

response.setContentType("text/html; charset=UTF-8");  
response.sendRedirect("/index.jsp");

servlet之间的跳转
整理

  • Servlet间相互跳转(都在一个package中)
  1. 转发
    request.getRequestDispatcher("/UsermanagerServlet").forward(request, response);
    
  2. 重定向
    response.setContentType("text/html; charset=UTF-8");  
    response.sendRedirect("UsermanagerServlet");
    
  • 访问WEB-INF的文件
    只能通过Serlvet进行访问,在Serlvet中只能使用转发的方法来跳转到WEB-INF的文件夹(存储结构为WEB-INF/jsp/manager.jsp)
request.getRequestDispatcher("/WEB-INF/jsp/manager.jsp").forward(request, response);

WEB-INF中的文件跳转到WEB-INF文件外

WEB-INF中的文件需要导入WEB-INF内外的文件

主文件的存储位置:WebContent/WEB-INF/jsp/main.jsp
需要导入文件A的位置:WebContent/header.jsp
需要导入文件B的位置: WebContent/WEB-INF/jsp/foot.jsp

代码如下

	<%@ include file="../../header.jsp" %>
	<%@ include file="foot.jsp" %>

WEB-INF中的HTML/JSP等文件需要引用CSS文件

首先CSS、js等文件建议不要放在WEB-INF中
放在WEB-INF外的情况文件导入方法如下

CSS等文件位置:WebContent/assets/css/style.css

引用的语句如下:

<head>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/assets/css/style.css">
</head>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】适合专科和本科毕业生的【原创论文】【已降重】【万字】【本科】【专科】【毕业论文】【预览目录】【预览正文】

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值