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. ECMAScript 6 入门学习笔记（一）——let和const
			
    一.let ①声明变量 let a = 1: ②只在所在代码块内有效,不影响块以外 ③不存在变量提升(不能先用后声明) ④暂时性死区 let声明的变量“绑定”这个区域,不受外部影响. let声明之前, ...
    
			
    2. 
						
  2. Ubuntu 16.04安装Bless十六进制编辑器
			
    一款专注于十六进制的编辑器. 安装: sudo apt-get install bless 启动:
    
			
    3. 
						
  3. MyBatis3教程
			
    MyBatis3教程: http://www.yihaomen.com/article/java/302.htm http://www.mybatis.org/mybatis-3/zh/index.h ...
    
			
    4. 
						
  4. 非常适合新手的jq/zepto源码分析01
			
    (function(global, factory) { // 查看这里是不是定义成模块,如果定义模块就返回 一个模块 if (typeof define === 'function' &&a ...
    
			
    5. 
						
  5. ubuntu Shell
			
    Ubuntu下的ShellUbuntu的图形界面也是运行在Shell下的:虚拟终端机开启:Ctrl+Alt+F1~ F6 可以开启6个命令行的ShellCtrl+Alt+F7  开启图形终端机命令su ...
    
			
    6. 
						
  6. 我的CSDN博客停止更新通告
			
    我的CSDN博客停止更新通告 自从2001年在CSDN发表第一篇博客開始,至今天(2014年6月11日)为止,算起来我己经在CSDN博客上"呆"了13年.共发表251篇原创文章,有 ...
    
			
    7. 
						
  7. IOS怎么实现一个UITableView的下拉刷新
			
    採用的EGORefreshTableHeaderView来实现: 在Controller上实现EGORefreshTableHeaderDelegate的delegate @property(nona ...
    
			
    8. 
						
  8. Android抽屉菜单DrawerLayout的实现案例
			
    (1)项目布局文件 activity_main.xml <android.support.v4.widget.DrawerLayout xmlns:android="http://sc ...
    
			
    9. 
						
  9. ios MetalPerformanceShaders 使用总结
			
    MPSCNNConvolution 1.初始化时传人 UnsafePointer<Float> 时要传入w,不能是 &(w[0]).否则w其实传入失败,卷积的结果是nan或inf. ...
    
			
    10. 
						
  10. 143 - ZOJ Monthly, October 2015 I	Prime Query  线段树
			
    Prime Query Time Limit: 1 Second      Memory Limit: 196608 KB You are given a simple task. Given a s ...
    
			
    11.