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. tyvj1271 零式求和
			
    描述 请考虑一个由1到N(N=3, 4, 5 ... 9)的数字组成的递增数列:1 2 3 ... N.现在请在数列中插入“+”表示加,或者“-”表示减,抑或是“ ”表示空白(例如1-2 3就等于1- ...
    
			
    2. 
						
  2. my first emacs custom key binding
			
    (defun comment-this-level ()  (interactive)  (move-beginning-of-line 1)  (set-mark-command nil)  (fo ...
    
			
    3. 
						
  3. win7下安装SQLSERVER2000
			
    来自为知笔记(Wiz)
    
			
    4. 
						
  4. 从Linux 2.6.8内核的一个TSO/NAT bug引出的网络问题排查观点(附一个skb的优化点)
			
    梦中没有错与对,梦中没有恨和悔...最好闭上你的嘴.这样才算可爱...我不会说:这不公道,我不能接受.我会用朴素的文字记录点点滴滴,早上4点多起来,一气呵成最近的收获与评价,愤慨与忏悔. 四年多前的一 ...
    
			
    5. 
						
  5. cc2540 cc2541 开发板资料更新日志
			
    经过多次PCB打样和全面调试.已经完毕了cc2540 cc2541的开发板的批量贴片.硬件告一段落, 接下来是全面完好软件方面的工作.眼下已经针对没有开发经验的用户编写完毕0基础基础实验代码和教程.接 ...
    
			
    6. 
						
  6. geek青年的状态机，查表，纯C语言实现
			
    geek青年的状态机,查表,纯C语言实现 1. 问题的提出.抽象 建一,不止是他,不少人跟我讨论过这种问题:怎样才干保证在需求变更.扩充的情况下.程序的主体部分不动呢? 这是一个很深刻和艰难的问题.在 ...
    
			
    7. 
						
  7. C#保留2位小数几种场景总结    游标遍历所有数据库循环执行修改数据库的sql命令    原生js轮盘抽奖实例分析（幸运大转盘抽奖）  javascript中的typeof和类型判断
			
    C#保留2位小数几种场景总结   场景1: C#保留2位小数,.ToString("f2")确实可以,但是如果这个数字本来就小数点后面三位比如1.253,那么转化之后就会变成1.2 ...
    
			
    8. 
						
  8. hive学习笔记-表操作
			
    Hive数据类型 基本数据类型 tinyint,smallint,int,biging,float,double,decimal,char,varchar,string,binary,boolean, ...
    
			
    9. 
						
  9. wepack使用
			
    当前使用的版本:webpack 4.5. ⚠️webpack 是需要有 node 环境的,所以在使用之前需要保证你当前安装的有 node. 安装 webpack: npm install webpac ...
    
			
    10. 
						
  10. jQuery Validate插件实现表单强大的验证功能
			
    转自:http://www.jb51.net/article/76595.htm jQuery Validate插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自 ...
    
			
    11.