jsp中的相对路径和绝对路径

本文介绍了相对路径和绝对路径的概念及其在Web开发中的应用,包括如何在HTML和JSP文件中正确设置路径,以及使用相对路径和绝对路径的优缺点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

所谓相对路径,就是相对于自己的目标文件位置。例如“s1.htm” 文件里引用了“bg.jpg”图片,如果“bg.jpg”图片相对于“s1.htm”来说,是在同一个目录的,那么只要在“s1.htm”文件里使用以下代 码后,在浏览器里都能正确地显示图片。以后只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,都能正常显示

<body background="bg.jpg">

相对路径还可以相对服务器而言,但地址要以”/”开头

<body background="/xxxapp/bg.jpg">

JSP文件中的path 和 basePath

<%
String path = request.getContextPath(); //  path = "/travel"
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; // basePath="http://localhost:8080/travel/"
%>

采用绝对路径的弊端
采用绝对路径时,页面中的超链接都要加上<%=basePath%>,会显得很麻烦。

<href src="<%=basePath%>script/jquery-1.9.1.js"/>

解决方案:利用html中的 标签(推荐)

<head>
  <!-- base需要放到head中 -->
  <base href=" <%=basePath%>">
</head>  

这里我们就可以直接使用相对路径(即: 相对于base标签)

<href src="script/jquery-1.9.1.js"/>

总结:以下三种表达方式结果相同

<head>
    <base href="<%=basePath%>">
    <script src="<%=path%>/script/jquery-1.9.1.js"></script>
    <script src="<%=basePath%>script/jquery-1.9.1.js"></script>
    <script src="script/jquery-1.9.1.js"></script><!--这种最简洁-->
</head>    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值