`
forever8tf
  • 浏览: 98752 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

base标签

阅读更多

本文将给大家简述一下在Jsp页面中<base>标签设置全局资源路径的使用,也就是<base>标签 大战 ..和/ 。

先通过以下截图看一下资源文件script和images文件夹与根目录的位置关系。

大家看清这里scriptimages两个文件夹在Java项目中的位置。

分别从Tomcat部署后的资源访问情况来看,scriptimages文件夹在项目中的位置。

Jsp文件头部键入以下代码,从而获取URL根路径.

  1. //getContextPath():返回项目名称
  2. //getScheme():Returnsthenameoftheschemeusedtomakethisrequest,forexample,http,https,orftp.
  3. //getServerName():返回服务器名称
  4. //getServerPort():返回服务端口号
  5. <%
  6. Stringpath=request.getContextPath();
  7. StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  8. %>

从图中我们可以看出,script文件夹在WebRoot目录下,也就是在项目根目录下。<head>标签中直接用<base>标签即可给全局资源路径设置根路径。

  1. <html>
  2. <head>
  3. <%--使用<base>标签来处理全局的资源访问路径--%>
  4. <basehref="<%=basePath%>"/>
  5. <metahttp-equiv="Content-Type"content="text/html;charset=GB18030">
  6. <title>添加物料</title>
  7. <linkrel="stylesheet"href="style/drp.css"mce_href="style/drp.css">
  8. <%--<mce:scriptsrc="../script/client_validate.js"mce_src="script/client_validate.js"></mce:script>--%>
  9. <mce:scriptsrc="script/client_validate.js"mce_src="script/client_validate.js"></mce:script>
  10. </head>

 

我们平时更多的是使用..来返回上级目录,用../的组合来拼接成项目资源路径,它俩总是成对出现,这样做反而还费力不讨好,经常出现问题。

当我们使用<base>标签,从根本路径上解决资源访问问题之后,就不用考虑资源文件夹和根目录的位置关系了,不管是相对还是绝对位置,都只要在写清该文件的路径即可。其实,这也是把繁琐的路径拼写抽象出来,提供了一个简洁的方法来给全局设置一个根路径,避免了拼写疏忽导致某些资源找不到,无法访问。

这样<base>标签要比..和/的组合使用效果要好,更加省心。

但要注意一点,在javascript代码中,我们是需要这样操作的。因为在javascript中<base>标签是起不到效果的。

  1. functionaddItem(){
  2. window.self.location="<%=basePath%>servlet/basedata/ShowAddItemServlet";
  3. }
分享到:
评论

相关推荐

    javascript中BASE标签作用

    虽然`&lt;base&gt;`标签本身并不直接涉及JavaScript,但在处理页面动态生成的链接或资源时,JavaScript会依赖于`&lt;base&gt;`标签所设定的基准URL。例如,在JavaScript函数中获取当前文档的基准URL: ```javascript function ...

    struts中base标签的target属性

    ### Struts 中 base 标签的 target 属性详解 #### 引言 在 Web 开发领域,Struts 是一个非常流行的 Java 框架,它主要用于构建基于模型-视图-控制器(MVC)设计模式的应用程序。Struts 的一大优势在于其强大的标签...

    JavaScript获得页面base标签中url的方法

    本文实例讲述了JavaScript获得页面base标签中url的方法。分享给大家供大家参考。具体如下: 如果网页中定义了base标签,我们可以通过js代码获得base的url地址 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;...

    HTML base 标签的 href 属性

    当我们处理大型网站或者需要统一管理链接时,`&lt;base&gt;`标签尤其有用。 `&lt;base&gt;`标签有两个主要属性: 1. `href`属性:这是`&lt;base&gt;`标签的核心属性,用于设定页面所有相对链接的基础URL。当页面中任何相对路径的链接...

    HTML中的base标签 中文WORD版

    这个标签在前端开发中扮演着简化路径处理的角色,尤其当你的网站拥有复杂的目录结构时,`&lt;base&gt;`标签能够使链接管理和维护变得更加简洁。 首先,让我们来理解`&lt;base&gt;`标签的基本用法。`&lt;base&gt;`标签通常放置在`...

    HTML5 对各个标签的定义与规定:base

    `&lt;base&gt;`标签支持两种主要属性: - **href**:用于指定文档的基准URL,此URL可以是绝对路径或相对于当前文档路径的相对路径。 - **target**:该属性用来设定文档中链接的目标窗口或框架。常见的值包括`_self`(默认...

    jsp base标签与meta标签学习小结

    `base`标签通常放在`&lt;head&gt;`标签内,用于定义页面的基准URL。这意味着所有相对链接(如图片、CSS文件、JavaScript文件等)都将相对于这个基准URL解析。例如,在提供的代码中,`&lt;base href="&lt;%=basePath%&gt;"&gt;`中的`...

    HTML中的base标签使用详解

    例如,在Firefox和IE浏览器中,如果动态添加base标签,浏览器可能会先尝试根据当前页面的路径加载资源,然后再按照base标签指定的路径加载,导致加载了错误的资源。这种情况下,一个页面中的资源可能会被错误地加载...

    base标签是什么及其作用介绍

    通过设置`&lt;base&gt;`标签,你可以改变浏览器解析相对URL的方式,从而简化网页开发和维护,尤其是在处理包含大量链接的大型网站时。 `&lt;base&gt;`标签的基本语法如下: ```html &lt;base href="default_url" target="_blank|_...

    struts1.x标签库详解

    * html:base 标签:生成 HTML 的基本标签。 * html:cancel 标签:生成取消按钮。 * html:checkbox 标签:生成复选框。 * html:link 标签:生成超链接。 * html:multibox 标签:生成多选框。 * html:radio 标签:生成...

    JavaWeb新版教程Servlet-1vlet-base标签的作用.avi

    JavaWeb新版教程Servlet-1vlet-base标签的作用.avi

    JavaWeb新版教程. 项目第三阶段目-动态的base标签值.avi

    JavaWeb新版教程. 项目第三阶段目-动态的base标签值.avi

    html base标签 target=_parent使用介绍

    了解并正确使用`&lt;base&gt;`标签可以帮助优化网页的导航行为,提高用户体验。 首先,我们来看`&lt;base&gt;`标签的基础用法。这个标签通常放置在`&lt;head&gt;`部分,且一般只有一个`&lt;base&gt;`标签出现在文档中。其基本语法如下: ``...

    pb9_base64_pb调用base64.dll_PB9base64_Base64.dll_glass8y6_pbbase64

    标签中的"pb调用base64.dll"可能是指在其他情况下,PowerBuilder应用程序可能会通过动态链接库(DLL)的方式来调用Base64编码服务。DLL文件是一个包含可由多个程序同时使用的代码和数据的库,当一个DLL被创建后,...

    HTML+CSS实用知识库分享

    在HTML中,head标签用于存放title、meta、base、style、script、link等信息,title标签是页面的标题,meta标签用于存放页面的元数据,base标签用于存放页面的基本URL,style标签用于存放样式信息,script标签用于...

    Html常用标签部分笔记摘要

    7. **base标签**: 可全局设置页面中所有链接的打开方式,默认值为_self,可以设为_blank。 8. **特殊字符标签**: HTML提供了预定义的特殊字符实体,例如`&nbsp;`表示空格,`&lt;`和`&gt;`分别代表小于和大于...

    Thymeleaf显示base64字符串为图片.docx

    -- 使用Thymeleaf表达式将后台传递的Base64字符串设置为标签的src属性 --&gt; 位字符串图片" th:src="${str64}" /&gt; ``` 在这个HTML页面中,`&lt;img&gt;`标签的`th:src`属性使用Thymeleaf表达式 `${str64}`,这将在页面...

Global site tag (gtag.js) - Google Analytics