本文将给大家简述一下在Jsp页面中<base>标签设置全局资源路径的使用,也就是<base>标签 大战 ..和/ 。
先通过以下截图看一下资源文件script和images文件夹与根目录的位置关系。
大家看清这里script和images两个文件夹在Java项目中的位置。
分别从Tomcat部署后的资源访问情况来看,script和images文件夹在项目中的位置。
在Jsp文件头部键入以下代码,从而获取URL根路径.
- <%
- Stringpath=request.getContextPath();
- StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
从图中我们可以看出,script文件夹在WebRoot目录下,也就是在项目根目录下。在<head>标签中直接用<base>标签即可给全局资源路径设置根路径。
- <html>
- <head>
- <%--使用<base>标签来处理全局的资源访问路径--%>
- <basehref="<%=basePath%>"/>
- <metahttp-equiv="Content-Type"content="text/html;charset=GB18030">
- <title>添加物料</title>
- <linkrel="stylesheet"href="style/drp.css"mce_href="style/drp.css">
- <%--<mce:scriptsrc="../script/client_validate.js"mce_src="script/client_validate.js"></mce:script>--%>
- <mce:scriptsrc="script/client_validate.js"mce_src="script/client_validate.js"></mce:script>
- </head>
我们平时更多的是使用..来返回上级目录,用..和/的组合来拼接成项目资源路径,它俩总是成对出现,这样做反而还费力不讨好,经常出现问题。
当我们使用<base>标签,从根本路径上解决资源访问问题之后,就不用考虑资源文件夹和根目录的位置关系了,不管是相对还是绝对位置,都只要在写清该文件的路径即可。其实,这也是把繁琐的路径拼写抽象出来,提供了一个简洁的方法来给全局设置一个根路径,避免了拼写疏忽导致某些资源找不到,无法访问。
这样<base>标签要比..和/的组合使用效果要好,更加省心。
但要注意一点,在javascript代码中,我们是需要这样操作的。因为在javascript中<base>标签是起不到效果的。
- functionaddItem(){
- window.self.location="<%=basePath%>servlet/basedata/ShowAddItemServlet";
- }
分享到:
相关推荐
虽然`<base>`标签本身并不直接涉及JavaScript,但在处理页面动态生成的链接或资源时,JavaScript会依赖于`<base>`标签所设定的基准URL。例如,在JavaScript函数中获取当前文档的基准URL: ```javascript function ...
### Struts 中 base 标签的 target 属性详解 #### 引言 在 Web 开发领域,Struts 是一个非常流行的 Java 框架,它主要用于构建基于模型-视图-控制器(MVC)设计模式的应用程序。Struts 的一大优势在于其强大的标签...
本文实例讲述了JavaScript获得页面base标签中url的方法。分享给大家供大家参考。具体如下: 如果网页中定义了base标签,我们可以通过js代码获得base的url地址 <!DOCTYPE html> <html> <head> <...
当我们处理大型网站或者需要统一管理链接时,`<base>`标签尤其有用。 `<base>`标签有两个主要属性: 1. `href`属性:这是`<base>`标签的核心属性,用于设定页面所有相对链接的基础URL。当页面中任何相对路径的链接...
这个标签在前端开发中扮演着简化路径处理的角色,尤其当你的网站拥有复杂的目录结构时,`<base>`标签能够使链接管理和维护变得更加简洁。 首先,让我们来理解`<base>`标签的基本用法。`<base>`标签通常放置在`...
`<base>`标签支持两种主要属性: - **href**:用于指定文档的基准URL,此URL可以是绝对路径或相对于当前文档路径的相对路径。 - **target**:该属性用来设定文档中链接的目标窗口或框架。常见的值包括`_self`(默认...
`base`标签通常放在`<head>`标签内,用于定义页面的基准URL。这意味着所有相对链接(如图片、CSS文件、JavaScript文件等)都将相对于这个基准URL解析。例如,在提供的代码中,`<base href="<%=basePath%>">`中的`...
例如,在Firefox和IE浏览器中,如果动态添加base标签,浏览器可能会先尝试根据当前页面的路径加载资源,然后再按照base标签指定的路径加载,导致加载了错误的资源。这种情况下,一个页面中的资源可能会被错误地加载...
通过设置`<base>`标签,你可以改变浏览器解析相对URL的方式,从而简化网页开发和维护,尤其是在处理包含大量链接的大型网站时。 `<base>`标签的基本语法如下: ```html <base href="default_url" target="_blank|_...
* html:base 标签:生成 HTML 的基本标签。 * html:cancel 标签:生成取消按钮。 * html:checkbox 标签:生成复选框。 * html:link 标签:生成超链接。 * html:multibox 标签:生成多选框。 * html:radio 标签:生成...
JavaWeb新版教程Servlet-1vlet-base标签的作用.avi
JavaWeb新版教程. 项目第三阶段目-动态的base标签值.avi
了解并正确使用`<base>`标签可以帮助优化网页的导航行为,提高用户体验。 首先,我们来看`<base>`标签的基础用法。这个标签通常放置在`<head>`部分,且一般只有一个`<base>`标签出现在文档中。其基本语法如下: ``...
标签中的"pb调用base64.dll"可能是指在其他情况下,PowerBuilder应用程序可能会通过动态链接库(DLL)的方式来调用Base64编码服务。DLL文件是一个包含可由多个程序同时使用的代码和数据的库,当一个DLL被创建后,...
在HTML中,head标签用于存放title、meta、base、style、script、link等信息,title标签是页面的标题,meta标签用于存放页面的元数据,base标签用于存放页面的基本URL,style标签用于存放样式信息,script标签用于...
7. **base标签**: 可全局设置页面中所有链接的打开方式,默认值为_self,可以设为_blank。 8. **特殊字符标签**: HTML提供了预定义的特殊字符实体,例如` `表示空格,`<`和`>`分别代表小于和大于...
-- 使用Thymeleaf表达式将后台传递的Base64字符串设置为标签的src属性 --> 位字符串图片" th:src="${str64}" /> ``` 在这个HTML页面中,`<img>`标签的`th:src`属性使用Thymeleaf表达式 `${str64}`,这将在页面...