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. nyoj_214_单调递增子序列(二)_201403182131
			
    单调递增子序列(二) 时间限制:1000 ms  |  内存限制:65535 KB 难度:4   描述 给定一整型数列{a1,a2...,an}(0<n<=100000),找出单调递增最长 ...
    
			
    2. 
						
  2. T1082 线段树练习3 codevs
			
    http://codevs.cn/problem/1082/ 题目描述 Description 给你N个数,有两种操作: 1:给区间[a,b]的所有数增加X 2:询问区间[a,b]的数的和. 输入描述 ...
    
			
    3. 
						
  3. Python: 解决simple-db-migrate的"No module named 'MySQLdb'错误
			
    sudo apt-get install libmysqlclient-dev sudo -H pip3 install mysqlclient
    
			
    4. 
						
  4. Caused by: java.lang.ClassNotFoundException: org.springframework.boot.context.embedded.FilterRegistrationBean
			
    Caused by: java.lang.ClassNotFoundException: org.springframework.boot.context.embedded.FilterRegistr ...
    
			
    5. 
						
  5. javascript 数组总结
			
    数组的创建: 数组可以使用Array构造函数来创建,或者使用[]快速创建. 1. Array构造函数创建数组: 无参数,创建空数组: var arry = new Array(); 参数为一个数字,指 ...
    
			
    6. 
						
  6. ZOJ 3888 Twelves Monkeys (预处理+优先队列)
			
    题目链接:ZOJ 3888 Twelves Monkeys 题意:题目描写叙述起来比較绕,直接讲案例 9 3 3 9 1 6 1 4 1 6 7 2 输入n,m,q.n限制了你询问的年份,m台时光机, ...
    
			
    7. 
						
  7. LeetCode 771.  Jewels and Stones (宝石与石头)
			
    题目标签:Hash Table 这一题很简单,题目给了两个string:J 和 S. 只要把J 里面的 char 放入HashSet,再遍历S找出有多少个石头是宝石. Java Solution: R ...
    
			
    8. 
						
  8. XAML实例教程系列 - XAML传递参数到值转换类实例 八
			
    Kevin Fan分享开发经验,记录开发点滴 XAML实例教程系列 - XAML传递参数到值转换类实例 2012-06-28 05:25 by jv9, 508 阅读, 0 评论, 收藏, 编辑 继上 ...
    
			
    9. 
						
  9. 使用自定义的AlertDialog。
			
    使用自定义的AlertDialog.1.核心的方法是setView(View view):把自己的view放置到dialog中填充.2.setCanceledOnTouchOutside(boolea ...
    
			
    10. 
						
  10. bzoj3550
			
    费用流+线性规划 搞了很长时间... 我们可以设立式子,a[1]+a[2]+a[3]+...+a[n]<=k , ... , a[2 * n + 1]+ ... +a[3*n]<=k a是 ...
    
			
    11.