<base href="<%=basePath%>">

base 标记用于指定页面中所有相对路径的基点, 而默认的相对路径的基点是页面所在路径.

测试代码如下:

menu.jsp

<%--

  Created by IntelliJ IDEA.

  User: yadongliang

  Date: 2018/3/12 0012

  Time: 上午 8:41

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" import="java.util.*" %>

<%

    String path = request.getContextPath(); //等价于${pageContext.request.contextPaht}即/jQuery

    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<link rel="stylesheet" href="<%=request.getContextPath()%>/css/default.css" type="text/css"/>

<script src="<%=path%>/script/jquery-3.3.1.js" type="text/javascript"></script>

<html>

<head>

    <base href="<%=basePath%>">

    <title>menu</title>

</head>

<body>

<div class="box">

    <ul class="menu">

        <li class="level1">

            <a href="#none">衬衫</a>

            <ul class="level2">

                <li><a href="#none">短袖衬衫</a></li>

                <li><a href="#none">长袖衬衫</a></li>

                <li><a href="#none">短袖T恤</a></li>

                <li><a href="#none">长袖T恤</a></li>

            </ul>

        </li>

        <li class="level1">

            <a href="#none">卫衣</a>

            <ul class="level2">

                <li><a href="#none">开襟卫衣</a></li>

                <li><a href="#none">套头卫衣</a></li>

                <li><a href="#none">运行卫衣</a></li>

                <li><a href="#none">童装卫衣</a></li>

            </ul>

        </li>

        <li class="level1">

            <a href="#none">裤子</a>

            <ul class="level2">

                <li><a href="#none">短裤</a></li>

                <li><a href="#none">休闲裤</a></li>

                <li><a href="#none">牛仔裤</a></li>

                <li><a href="#none">免烫卡其裤</a></li>

            </ul>

        </li>

    </ul>

</div>

</body>

<script>

    $(".level1>a").click(function(){

        $(this).addClass("current").next().show().parent().siblings().children("a").removeClass("current").next().hide();

        return false;

    });

</script>

</html>

index.jsp

<html>

<body>

<h2>jQuery3.3.1</h2>

</body>

</html>

将<base href="<%=basePath%>">注释后, 点击"短袖衬衫"效果:

放开注释:

对比地址栏url可以明显看出区别.

jsp路径问题之base的更多相关文章

  1. struts/Servlet，action转到jsp后，路径问题（struts2，jsp路径，action路径，action跳转，相对路径，绝对路径）

    问题:使用struts2,如何处理action的路径?还有,在action转到的jsp中,如何写js,css,图 片的路径?(例如访问 http://localhost/project/listUse ...

  2. jsp 路径问题和环境路径以及各种路径总结

    首先确定问题: 浏览器发送请求后,服务器会返回一个响应,但是返回的网页中,会有各种路径问题,所以在此用jsp中的属性来解决.(只是记录问题,用了不专业的术语,请见谅.) 总结: 以路径  http:/ ...

  3. Struts/Servlet，action转到jsp后，CSS失效，路径问题（struts2，jsp路径，action路径，action跳转，相对路径，绝对路径）

    问题:使用struts2,如何处理action的路径?还有,在action转到的jsp中,如何写js,css,图 片的路径?(例如访问http://localhost/project/listUser ...

  4. 解决JSP路径问题的方法（jsp文件开头path, basePath作用）

    原文:http://blog.csdn.net/mingxunzh/article/details/4627185 在JSP中的如果使用 "相对路径"  则有可能会出现问题. 因为 ...

  5. JSP路径的问题

    JSP因为是客户端使用的路径,所以完全可以使用全路径形式 那么在JSP里面使用路径的方式有两种,超链接或者form 当我们在MyEclipse中新建JSP时,可以发现有下面 <%@ page l ...

  6. （转）解决JSP路径问题的方法（jsp文件开头path, basePath作用）

    在JSP中的如果使用 "相对路径"  则有可能会出现问题. 因为 网页中的 "相对路径" , 他是相对于 "URL请求的地址" 去寻找资源. ...

  7. jsp路径问题

    绝对路径:/StudentInfo/images/login.jpg 相对路径:images/login.jpg 路径前面的第一个/代表tomcate目录下面的webapps这个文件夹 jsp的Adv ...

  8. jsp路径兼容

    jsp头 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&q ...

  9. JavaWeb中jsp路径斜杆(/)跟没斜杆的路径映射问题

    在JavaWeb开发中,只要是写URL地址,那么建议最好以"/"开头,也就是使用绝对路径的方式,那么这个"/"到底代表什么呢?可以用如下的方式来记忆" ...

随机推荐

  1. Eclipse系列：如何设置Eclipse关联JDK源码和文档

    一.设置Eclipse关联JDK源码 1.打开Eclipse-->Windows-->Preferences       2. 在弹出的Preferences对话框中,Java--> ...

  2. kaggle预测

    两个预测kaggle比赛 一 .https://www.kaggle.com/c/web-traffic-time-series-forecasting/overview Arthur Suilin• ...

  3. [转]学习块格式化上下文（BlockFormattingContext）

    原文:https://www.cnblogs.com/elcarim5efil/p/4745796.html   格式化上下文 格式化上下文( formatting contexts )├── 块级格 ...

  4. ASP入门（十）-Session对象

    在ASP中,有两个内部对象可以进行一些信息存储,它们是 Application 对象和 Session 对象,其中 Application 对象是对于整个应用程序期间而言的,它对于所有访问网站的用户来 ...

  5. js获取当月最后一天

    构造函数 new Date(); new Date(value); new Date(dateString); new Date(year, month[, day[, hour[, minutes[ ...

  6. 使用 HTML5, javascript, webrtc, websockets, Jetty 和 OpenCV 实现基于 Web 的人脸识别

    这是一篇国外的文章,介绍如何通过 WebRTC.OpenCV 和 WebSocket 技术实现在 Web 浏览器上的人脸识别,架构在 Jetty 之上. 实现的效果包括: 还能识别眼睛 人脸识别的核心 ...

  7. Solidworks如何把装配体做成单个零件

    先把装配体另存为IGS格式   再把IGS打开之后另存为SLDPRT格式(打开IGS需要比较长的时间,中途会弹出提示,而且IGS文件体积也比较大)   另存为SLDPRT之后体积就很小了       ...

  8. Elasticsearch之集群脑裂

    https://www.cnblogs.com/zlslch/p/6477312.html

  9. iOS开发技巧 - 使用UIPickerView来选择值

    (Swift) import UIKit class ViewController: UIViewController, UIPickerViewDataSource { var picker: UI ...

  10. 关于extern "C"（详细剖析）

    [目录] 引言 extern “C”的前世今生 小心门后的未知世界 Q&A c++调用c的方法 c调用c++的方法 在你工作过的系统里,不知能否看到类似下面的代码. 这好像没有什么问题,你应该 ...