码迷,mamicode.com
首页 > Web开发 > 详细

html <base>标签

时间:2014-08-15 19:47:39      阅读:391      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   java   使用   os   文件   for   

base 元素可规定页面中所有链接的基准 URL 
默认情况下,页面中的链接(包括样式表、脚本和图像的地址)都是相对于当前页面的地址(即:浏览器地址栏里的请求URL)。 
我们可以使用 <base>标签中的href属性来设置,所有的“相对基准 URL”。 

上面说的是什么意思呢?我们来看看代码就知道咯~~ 

这是JSP端的代码 
下面的代码 (十分类似上面 "方法一" 中的JSP代码) 
但是这里我们并没有采用 ${pageScope.basePath}+"相对路径地址" 的方法, 
而是采用了html文件中的 <base>标签: 
代码如下: 
<!-- *************JSP代码******************--> 
<%@ page language="java" pageEncoding="GBK" contentType="text/html;charset=gbk" isELIgnored="false"%> 
<% 
String path = request.getContextPath(); 
// 获得项目完全路径(假设你的项目叫MyApp,那么获得到的地址就是 http://localhost:8080/MyApp/): 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<html> 
<head> 
<!-- base需要放到head中 --> 
<base href=" <%=basePath%>"> 
</head> 
// 这里我们就可以直接使用相对路径(即: 相对于base标签) 
<a href="jsp/login.jsp">Login </a> 
</html> 
<!-- *************************************--> 

大概看完了上面的代码,或许您还是有些疑惑 *_*~~ 
不过当您看到了,下面的代码,可能就豁然开朗了 (*^__^*) 嘻嘻……。 

当我们去执行上面的那段JSP代码后,我们可以在浏览器中可以查看,他所返回给客户端的html代码: 
执行完上述JSP后,所返回的html代码如下: 
<html> 
<head> 
<base href="http://localhost:8080/MyApp/"> 
</head> 
// 设置了 <base>后,相对路径,相对于的就是base中的路径,而不再是浏览器地址的请求路径啦~~~ 
<a href="jsp/login.jsp">Login </a> 
</html> 

我们可以看到JSP返回的html代码中,包含了 <base href="http://localhost:8080/MyApp/">内容。 
也就是说,在本html文件中,遇到的所有 “相对链接(例如: <a href="jsp/login.jsp">)”,都是相对于base 
的路径(即:http://localhost:8080/MyApp/),所以我们就可以进行的使用 相对链接,而不必担心, 
转发操作(forward)或 请求地址不同不同所造成的页面无法找到的错误啦~(即: HTTP: 404)。。。

html <base>标签,布布扣,bubuko.com

html <base>标签

标签:style   http   color   java   使用   os   文件   for   

原文地址:http://my.oschina.net/moziqi/blog/301658

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!