在WEB项目中使用basePath（jsp，js）

拼搏现实的明天。 2022-08-18 02:10 191阅读 0赞

# 在WEB项目中使用basePath（jsp，js） #

> 在JSP中，有相对路径和绝对路径。  
> 相对路径容易理不清，而导致无法正确加载资源文件。  
> So，在做WEB项目时，建议都统一使用绝对路径。

*  一 JS中使用basePath

/*****basePath统一设置*******/
    var curPath = window.document.location.href;
    var pathName = window.document.location.pathname;
    var basePath;
    basePath = curPath.substring(0,curPath.indexOf(pathName)) + "/";

js中即可使用basePath + “URL”来使用了。

*  二 JSP 绝对路径

共用jsp文件：如 WEBROOT/common/basePath.jsp。

<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %>
    <script type="text/javascript" src="<%=basePath %>js/path.js"></script>

在每个jsp页面，引用公共页面

<%@include file="/common/common.jsp"%>

在jsp中，使用路径前加`<%=basePath %>+url`

<link rel="stylesheet" type="text/css" href="<%=basePath %>css/styles.css">

或设置当前jsp页面的默认地址为basePath

<head>
    <base href="<%=basePath %>" />
    
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    ...

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在个人web项目中使用Servlet监听器？

> 编译软件：IntelliJ IDEA 2019.2.4 x64 > 操作系统：win10 x64 位家庭版 > 服务器软件：apache-tomcat-8.5.2

分手后的思念是犯贱/ 2023年10月01日 00:24/ 0 赞/ 2 阅读

相关如何在WEB项目中优雅的使用日志

一：常见的日志框架 Log4j、SLF4J、Logback、Log4j 2 一般选用Log4j+SLF4J 或者单独 Logback 1、为什么需要在 Java 中

偏执的太偏执、/ 2022年12月19日 06:24/ 0 赞/ 127 阅读

相关在Eclipse中建立Maven Web项目

一、软件版本 Eclipse Java EE IDE for Web Developers. Version: Neon Release (4.6.0) Maven 3

川长思鸟来/ 2022年09月30日 11:48/ 0 赞/ 206 阅读

相关在WEB项目中使用basePath（jsp，js）

在WEB项目中使用basePath（jsp，js） > 在JSP中，有相对路径和绝对路径。 > 相对路径容易理不清，而导致无法正确加载资源文件。 > So，在做W

拼搏现实的明天。/ 2022年08月18日 02:10/ 0 赞/ 192 阅读

相关 JSON在web项目中的使用

1.jquery的ajax方式传递json到后台 (1).示例一: $.ajax({ type:"POST", url:"sysAl

骑猪看日落/ 2022年07月15日 05:10/ 0 赞/ 197 阅读

相关 Eclipse中使用jetty启动web项目

第一步： pom.xml的配置： <build> <plugins> <plugin>

ゝ一世哀愁。/ 2022年06月06日 11:52/ 0 赞/ 868 阅读

相关在web项目中使用MarkDown组件

说明在项目中，要录入图文信息，需要将图片存到服务器。本篇博文将介绍在javaweb项目中，怎样使用MarkDown组件。在项目中使用了servlet，sma

朴灿烈づ我的快乐病毒、/ 2022年06月06日 00:26/ 0 赞/ 294 阅读

相关在项目中使用OpenFeign

在项目中使用OpenFeign OpenFeign的介绍 OpenFeign是一种声明式、模板化的HTTP客户端。 OpenFeign与Feign的之间的关系 Ope

r囧r小猫/ 2021年09月25日 12:46/ 0 赞/ 507 阅读

相关 Spring在web中的使用

Spring在Web项目中的使用 -------------------- 对于在web项目中使用Spring，一直有想法，但是没有去实践，今天心血来潮就试了一次。现在

柔情只为你懂/ 2021年09月14日 14:50/ 0 赞/ 357 阅读

相关在项目中使用Webpack

一.在项目中安装 Webpack [nodejs全局安装和本地安装的区别][nodejs] 1.创建一个项目比如：webpack\_demo

叁歲伎倆/ 2021年09月14日 06:02/ 0 赞/ 514 阅读