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. codevs1314 寻宝
			
    题目描述 Description 传说很遥远的藏宝楼顶层藏着诱人的宝藏.小明历尽千辛万苦终于找到传说中的这个藏宝楼,藏宝楼的门口竖着一个木板,上面写有几个大字:寻宝说明书.说明书的内容如下: 藏宝楼共 ...
    
			
    2. 
						
  2. C. Star sky 二维前缀和
			
    time limit per test 2 seconds memory limit per test 256 megabytes input standard input output standa ...
    
			
    3. 
						
  3. O - Treats for the Cows  区间DP
			
    FJ has purchased N (1 <= N <= 2000) yummy treats for the cows who get money for giving vast am ...
    
			
    4. 
						
  4. Eureka集群的那些坑
			
    今天遇到一个Eureka集群的一个坑. 问题现场类似是这样的:两台Eureka组成的服务注册中心集群,两台服务提供方server1.server2,两个服务调用方client1.client2. 正常 ...
    
			
    5. 
						
  5. 四则运算结对编程（GUI）
			
    四则运算GUI coding地址:https://git.dev.tencent.com/qyj814/GUI.git 结对伙伴:李梦宇 一.题目要求 定制出题要求.每次出题时用户都可以在界面上定制如 ...
    
			
    6. 
						
  6. GNS3和Cisco IOU搭建路由交换实验-IOU篇
			
    http://www.mamicode.com/info-detail-605879.html
    
			
    7. 
						
  7. memory management in oracle 11G R2
			
    When we talking about memory management in Oracle, we are refering to SGA and PGA. The management me ...
    
			
    8. 
						
  8. cc2540 cc2541 开发板资料更新日志
			
    经过多次PCB打样和全面调试.已经完毕了cc2540 cc2541的开发板的批量贴片.硬件告一段落, 接下来是全面完好软件方面的工作.眼下已经针对没有开发经验的用户编写完毕0基础基础实验代码和教程.接 ...
    
			
    9. 
						
  9. Andriod开发技巧——Fragment的懒载入
			
    我们在做应用开发的时候.一个Activity里面可能会以viewpager(或其它容器)与多个Fragment来组合使用.而假设每一个fragment都须要去载入数据.或从本地载入.或从网络载入,那么 ...
    
			
    10. 
						
  10. VB Socket编程 框架
			
    [转载]VB Socket编程 框架 (2014-07-15 20:06:28) 转载▼ 标签: 转载   原文地址:VB Socket编程 框架作者:安静的浪花 VB Socket编程(Winsoc ...
    
			
    11.