<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. 为Linux操作系统所在的logical volumn扩容

    感谢Lieven和Tom的协助,这个问题才得以解决.我在这里把解决问题的步骤总结一下,帮助自己学习. 问题描述 =========== 笔者有一台linux的物理机,其上名为centos-root的l ...

  2. mybatis plus 主键生成 Twitter雪花算法 id 及修改id为字符型

    mybatis plus配置主键生成策略为2,就是 使用Twitter雪花算法 生成id spring boot中配置为: GlobalConfiguration conf = new GlobalC ...

  3. pThreads线程（二） 线程同步--互斥量/锁

    互斥量(Mutex)是“mutual exclusion”的缩写.互斥量是实现线程同步,和保护同时写共享数据的主要方法. 互斥量对共享数据的保护就像一把锁.在Pthreads中,任何时候仅有一个线程可 ...

  4. 第一个手写Win32窗口程序

    第一个手写Win32窗口程序 一 Windows编程基础 1 Win32应用程序的基本类型 1.1 控制台程序 不需要完善的Windows窗口,可以使用DOS窗口 的方式显示. 1.2 Win32窗口 ...

  5. laravel在中间件内生成的变量如何传到控制器

    在中间件内获取到一个变量,如何返回到控制器中并使用这个变量! 做了个demo: // web.php Route::get('/check', 'CheckController@check')-> ...

  6. [SSH] Intro to SSH command

    Create an ssh key: ssh-keygen Copy an SSH key to a remoate server: ssh-copy-id root@104.197.227.8 // ...

  7. TOJ 3365 ZOJ 3232 It's not Floyd Algorithm / 强连通分量

    It's not Floyd Algorithm 时间限制(普通/Java):1000MS/3000MS     运行内存限制:65536KByte   描述 When a directed grap ...

  8. PetaPoco使用

    <?xml version="1.0" encoding="utf-8" ?> <configuration> <connecti ...

  9. 局域网内主机ssh访问服务器宿主下VMWare 虚拟机（Ubuntu 12.04.1）并且实现虚拟机能上网的那点事

    (1)首先虚拟机已安装ssh服务 1) 自动安装 ssh 服务 apt-get install openssh-server 安装完成后,将自动开启 ssh 服务. 2) 查看 ssh 服务是否已开启 ...

  10. JAVA设计模式——第 2 章 代理模式【Proxy Pattern】（转）

    什么是代理模式呢?我很忙,忙的没空理你,那你要找我呢就先找我的代理人吧,那代理人总要知道被代理人能做哪些事情不能做哪些事情吧,那就是两个人具备同一个接口,代理人虽然不能干活,但是被代理的人能干活呀. ...