<base>标签在jsp页面的应用

本文介绍如何利用HTML中的&lt;base&gt;标签来设置页面所有链接的基准URL,简化URL管理和页面间的链接调用。通过实例展示了&lt;base&gt;标签在JSP页面中的具体应用。

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

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

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

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

也就是说base标签可以规定页面所有链接的基准URL。所谓的基准URL,就是说页面其他的链接都是继续拼接在这个URL后面的相对地址。

看个实例:

*****************Jsp页面代码*********************

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
         //假如你的项目名称是ssp,那么basePath最后获得的值就是 --> http://localhost:8080/ssp/
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<head>
           <base href="<%=basePath%>">
</head>


其中:

          request.getSchema()可以返回当前页面使用的协议,http 或是 https;

          request.getServerName()可以返回当前页面所在的服务器的名字;

          request.getServerPort()可以返回当前页面所在的服务器使用的端口,就是80或者8080;

          request.getContextPath()可以返回当前页面所在的应用的名字;


现在基准的URL已经确定了,就是  http://localhost:8080/ssp/
接下来,就是相对于这个路径,写访问其他资源的路径。
比如:超链接


          <a href="user/userList.jsp">用户列表</a>  

          当点击用户列表的超链接的时候相当于访问的服务器资源地址为:http://localhost:8080/ssp/user/userList.jsp 


Form表单:

          <form name="form" action="/withdraw/withdrawSave.do" method="post" enctype="multipart/form-data"></form>

          提交Form表单的时候,访问的后台的方法就是   http://localhost:8080/ssp//withdraw/withdrawSave.do


<%@ page language="java" import="java.util.*" 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"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'main_left.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <style> body { font-size: 35px; /* 设置字体大小 */ text-align: center; /* 设置文本居中对齐 */ background-color: black; color: white; font-family: Arial, sans-serif; } a { color: white; text-decoration: none; margin: 10px; padding: 10px; } </style> </style> </head> <body> <br><br> <a href="inputStuInfo.jsp" target="main_right">录入学生信息</a><br><br> <a href="student/queryAllStuServlet?osid=query&page=1" target="main_right">查看学生信息</a><br><br> <a href="student/queryAllStuServlet?osid=modify&page=1" target="main_right">修改学生信息</a><br><br> <a href="student/queryAllStuServlet?osid=delete&page=1" target="main_right">删除学生信息</a><br><br> <a href="user/exitServlet" target="_top">退出</a><br> </body> </html> 解释代码
05-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值