首页 > 代码库 > 如何理解jsp页面的“<base href=http://www.mamicode.com/"">”

如何理解jsp页面的“<base href=http://www.mamicode.com/"">”

jsp文件里通常有以下代码: 
技术分享
这里的<base href="http://www.mamicode.com/">是什么意思呢?

我在W3School网站上查了html中的base标签,解释如下: 
<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

注释:<base> 标签必须位于 head 元素内部。

在一篇网易博客上看到了对于这个base语句的详解,链接如下: 
JSP页面文件中的base标记 ,作者:jerry

原文如下: 
我们在用IDE工具生成JSP页面时通常都包含下面的两段代码,

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

<head>

<base href="http://www.mamicode.com/"> 

</head>

 

它们绝对不是无用代码,详细如下:

base标记是一个基链接标记,是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记<head></head>之间。你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。

重要属性: 
href—设定前缀的链接地址

target—设定文件显示的窗口,同a标记中的target

简单例子:

<html>
<head>
<base href=http://localhost target="_blank">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>base标记</title>
<link rel="Shortcut Icon" href="http://www.mamicode.com/ani.CUR">
</head>
<body>
<a href="http://www.mamicode.com/x.htm" target="_self">x.html</a>
<a href="http://www.mamicode.com/y.htm">y.html</a>
</body>
</html>

 

当点了链接后,跳出的文件是http://localhost/x.htm或http://localhost/y.htm,它就是在这些相对路径的文件前加上基链接指向的地址。如果目标文件中的链接没有指定target属性,就用base标记中的target属性。

常在框架结构中用,如左右两个框架,把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记,把其target属性值写为右框架名称,这就不用再为左框架里的文件中的每一个连接都指定target属性。

当使用时,BASE 元素必须出现在文档的 HEAD 内,在任何对外部源的引用之前。

另外,如果页面转向某个Servlet,而Servlet里又是forward到的某个jsp页面,如果这时写相对路径就应该先找到Servlet的路径,也就是web.xml中配置的url-pattern中的路径,如:假设有个x.jsp放在webapplication根目录下,而主页index.jsp是提交到servlet上去的,由Servlet来分发forward到x.jsp,Servlet的url配置如下

<url-pattern>/servlet/TestServlet</url-pattern>

 

那么Servlet完成forward转向后,如果没有<base href="http://www.mamicode.com/">,x.jsp中<script type="text/JavaScript" src="http://www.mamicode.com/script/check.js"></script>就会失效,因为Servlet的访问路径为http://localhost/webapp/servlet/TestServlet那么web服务器会到http://localhost/webapp/servlet/script/下去找check.js此时这里肯定是没有这个文件的,所以,如果遇到这样的情况建议使用绝对路径就不会有错.

<script type="text/javascript" src="http://www.mamicode.com//script/check.js"></script>

 

个人补充:target属性 
技术分享

//============================================================================

//============================================================================

//============================================================================

今天在写一个JSP网页的时候,href不能用了,所有href鼠标放上去前面现实的都是“http:///”,竟然有三个“/”,而且前面也没有显示“localhost:8080”找了大半天找不出来,最后才发现不小心将Eclipse自动生成的下面两行代码误删了,
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
我一直没有使用path 和 basepath ,为什么会这样呢,最后终于发现,原来在 <head></head>中,有一句 <base href="http://www.mamicode.com/"> 使用了basepath,就是因为这句,所有的链接才不能使用了。看来问题就出在base href 上了,顾名思义,base href不是就是基链接嘛。
上网搜索了一下,原来base href 不单单只有这么点作用,尤其在框架中。


资料如下:

base标记是一个基链接标记,是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记<head>与</head>之间。
你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。

重要属性:
href
设定前缀的链接地址

target
设定文件显示的窗口,同a标记中的target

简单例子:


<html> 
<head> 
<base href="http://www.baidu.com" target="_blank"> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>base标记</title> 
<link rel="Shortcut Icon" href="http://www.mamicode.com/ani.CUR"> 
</head> 
<body> 
<a href="http://www.mamicode.com/77.htm" target="_self">77</a> 
<a href="http://www.mamicode.com/88.htm">88</a> 
</body> 
</html>
当点了链接后,跳出的文件是http://www.baidu.com/77.htm或http://www.baidu.com/88.htm,它就是在这些相对路径的文件前加上基链接指向的地址。如果目标文件中的链接没有指定target属性,就用base标记中的target属性。
常在框架结构中用,如左右两个框架,把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记,把其target属性值写为右框架名称,这就不用再为左框架里的文件中的每一个连接都指定target属性。

当使用时,BASE 元素必须出现在文档的 HEAD 内,在任何对外部源的引用之前。

此元素在 Microsoft? Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。

此元素不会被渲染。

此元素不需要关闭标签。





这个标签的用处是解决编程时候的相对路径问题,比如有的cms,因为每页路径不一样,他就给你生成<a href="http://www.mamicode.com/sdsd/dsd.html">sddsds</a>之类的,如果我在本地调试,肯定会在本地开一个目录的,这样就乱了,你可以把它生成相对路径,如<a href="http://www.mamicode.com/sdsd/dsd.html">sddsds</a>,只要在head部分加上<base href=http://localhost/abc/>即可。

所以说,这个标签主要为了解决web编程的时候一些相对路径的问题。

当然,这个base还有一个用法,如在head部分加上这么一行: <base href="http://www.mamicode.com/_blank"> ,就是默认所有链接在新窗口打开。


还可以这么理解:
这是设置基础路径的,basepath为变量 
简单的静态网页的话你设置比如:<base href="http://www.baidu.com">,那你下面的href属性就会以你上面设的为基准,如:<a href="http://www.baidu.com/xxx.htm"></a>你现在就只需要写<a href="http://www.mamicode.com/xxx.htm"></a>

 

如何理解jsp页面的“<base href=http://www.mamicode.com/"">”