base 一个曾经不记得的标签，虽然接触Javaweb这么久了，但是还有很多基础性的东西都被我忽略掉了，还有很多基础但实用的技巧应该没有被我发现，虽然不使用这些技巧对功能实现没有多大影响。但是，发现这些技巧的时候还是有一种醍醐灌顶的感觉的，这也许是我之前的无知造成的，若你已知，不好意思浪费了你的时间，若从我这里得知的，那我不胜荣幸！

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

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

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

在jsp开发中，为了页面的复用，更健壮，更加的可移植，经常会在写img、form、script、link等这些标签的时候使用绝对路径，以降低之后目录改变等带来的影响：

<%@ 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>

	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/styles.css">

	<script type="text/javascript" src="<%=request.getContextPath() %>/jquery-1.8.0.js"></script>

而使用base标签同样可以实现同样的功能，而不用去改变之前的相对地址：

<%@ 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="<%=path+"/"%>">

	<link rel="stylesheet" type="text/css" href="styles.css">

	<script type="text/javascript" src="jquery-1.8.0.js"></script>




！注意


新建jsp的时候，会默认有base这个标签，但是路径中包含了实际的端口等完整路径


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


，这样有时候会有问题(路径是通过交换机虚拟映射的时候)，我今天就在这里摔了跟头。更好的是要自己改写在html中base标签

<base href="<%=path+"/"%>">不使用原来的basePath


今天上线的时候遇到一个问题，就是端口是虚拟映射的；


但是页面上使用了<base href="">，href中指出的是实际的端口号，所以就造成这个页面中加载js、css、image等时出错；


不使用base或者base指向正确的路径；
												


											
html base 又一重大发现的更多相关文章
	

    
								
  1. 基于snort、barnyard2和base的 网络入侵检测系统的部署与应用
		
    1.项目分析 1.1.项目背景 伴随着互联网产业的不迅猛发展,新兴技术层数不穷,互联网通讯技术逐渐成为了各行各业不可替代的基础设施,越来越多的业务都是依靠互联网来得以实现.随着我国科技产业的飞速发展, ...
    
		
    2. 
						
  2. 使django与数据库保持长连接
		
    最近遇到一个很蛋疼的问题,写了一个后台管理系统, 由于是后台管理系统,所以使用频率不是很高,当django程序在闲置一段时间后,再次打开后台系统,就变得很慢,然后又好了.查了很多方面,从模板引擎到请求 ...
    
		
    3. 
						
  3. Docker基础技术：DeviceMapper
		
    在上一篇介绍AUFS的文章中,大家可以看到,Docker的分层镜像是怎么通过UnionFS这种文件系统做到的,但是,因为Docker首选的AUFS并不在Linux的内核主干里,所以,对于非Ubuntu ...
    
		
    4. 
						
  4. PYTHON开发--面向对象基础入门
		
    面向对象 一:面向对象初级 1.思考:首先在python中,以前我们以前用到的几乎都是函数式编程,但是有时候函数式编程其中代码重复利用率太高,我们往往会把这些重复代码写进一个函数日后去调用,所以呢,今 ...
    
		
    5. 
						
  5. vs设计界面出现“建控件时出错 响应在此上下文中不可用”
		
    使用VS2010设计Asp.net时出现: 只有在配置文件或 Page 指令中将 enableSessionState 设置为 true 时,才能使用会话状态.还请确保在应用程序配置的 \\ 节中包括 ...
    
		
    6. 
						
  6. 【原创】JQWidgets-TreeGrid 2、初探源码
		
    已知JQWidgets的TreeGrid组件依赖于jqxcore.js.jqxtreegrid.js,实际上它还依赖于jqxdatatable.js.我们先通过一个例子,来探索本次的话题. 需求: 图 ...
    
		
    7. 
						
  7. Swift:一个简单的货币转换器App在iOS10中的分析和完善
		
    这本不算是一个完整的货币转换App,只不过是一个小巧的学习性质的程序.该App覆盖了如下几个知识点: 多国语言的支持 通过网络Api接口读取数据 最后我们来修复一个原来代码中的一个小错误作为完美的收尾 ...
    
		
    8. 
						
  8. 关于虚拟机下centOS版linux系统ifconfig只显示inet6ip,不显示inet4ip的问题
		
    在linux命令窗口输入ifconfig会显示如下 [root@localhost Desktop]# ifconfig eth0   Link encap:Ethernet  HWaddr 00:0 ...
    
		
    9. 
						
  9. LINUX设备驱动模型之class
		
    转自 https://blog.csdn.net/qq_20678703/article/details/52754661 1.LINUX设备驱动模型中的bus.device.driver,.其中bu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [bzoj2038][2009国家集训队]小Z的袜子(hose)_莫队
			
    小Z的袜子 hose 2009-国家集训队 bzoj-2038 题目大意:给定一个n个袜子的序列,每个袜子有一个颜色.m次询问:每次询问一段区间中每种颜色袜子个数的平方和. 注释:$1\le n,m\ ...
    
			
    2. 
						
  2. 洛谷—— P2330 [SCOI2005]繁忙的都市
			
    P2330 [SCOI2005]繁忙的都市 题目描述 城市C是一个非常繁忙的大都市,城市中的道路十分的拥挤,于是市长决定对其中的道路进行改造.城市C的道路是这样分布的:城市中有n个交叉路口,有些交叉路 ...
    
			
    3. 
						
  3. 洛谷 P1993 小K的农场
			
    P1993 小K的农场 题目描述 小K在MC里面建立很多很多的农场,总共n个,以至于他自己都忘记了每个农场中种植作物的具体数量了,他只记得一些含糊的信息(共m个),以下列三种形式描述: 农场a比农场b ...
    
			
    4. 
						
  4. SQLITE报错database is locked的解决办法
			
    用firedac连接SQLITE数据库,空间tdbedit绑定字段name,如下语句修改其值时报错. procedure TForm1.Button3Click(Sender: TObject);be ...
    
			
    5. 
						
  5. Spark SQL CLI 实现分析
			
    背景 本文主要介绍了Spark SQL里眼下的CLI实现,代码之后肯定会有不少变动,所以我关注的是比較核心的逻辑.主要是对照了Hive CLI的实现方式,比較Spark SQL在哪块地方做了改动,哪些 ...
    
			
    6. 
						
  6. 一个JS多个数组取交集算法
			
    如题,多个数组中取交集(共同拥有元素),思路取第一个数组去跟每个数组中的元素对比,同时比较数据类型有救返回没有就返回null. 下面介绍到的算法数据格式是二维数组如: const parentArra ...
    
			
    7. 
						
  7. IPV6相关RFC文档
			
    1. 通用 IPv6的通用RFC和Internet草案 RFC# 类 标题 1752 标准记录 对IP下一代协议的建议 1924 资料 IPv6地址的压缩表示法 2851 标准记录 Internet网 ...
    
			
    8. 
						
  8. LeetCode 953. Verifying an Alien Dictionary (验证外星语词典)
			
    题目标签:HashMap 题目给了我们一个 order 和 words array,让我们依照order 来判断 words array 是否排序. 利用hashmap 把order 存入 map,  ...
    
			
    9. 
						
  9. Oracle执行存储过程报错——ora-01031:权限不足
			
    执行DDL报错 在oracle存储过程中,默认是可以直接执行DML和DQL的,但是执行CREATE这种的DDL则需要借助EXECUTE IMMEDIATE 如: create or replace p ...
    
			
    10. 
						
  10. SoapUI项目书写自我规范
			
    -->Assertions 判断某个节点存在(_input_name, _button_name) -->Resource 文件夹命名 值去掉红色部分信息 https://mercury- ...
    
			
    11.