<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. MySQL集群的几种方案

    组建MySQL集群的几种方案LVS+Keepalived+MySQL(有脑裂问题?但似乎很多人推荐这个)DRBD+Heartbeat+MySQL(有一台机器空余?Heartbeat切换时间较长?有脑裂 ...

  2. (转)C# SendMessage 参数与例子

    原文:http://hi.baidu.com/ytmeng/blog/item/25f5de5157931a888c543001.html using System;using System.IO;u ...

  3. group by 深入总结（转）

    http://www.cnblogs.com/wangtao_20/archive/2011/02/23/1959792.html 一.不兼容的语法问题. 先看使用如下sql:SELECT count ...

  4. python中read() readline()以及readlines()用法

    [转自:http://www.ibm.com/developerworks/cn/linux/sdk/python/python-5/index.html#N1004E] 我们谈到“文本处理”时,我们 ...

  5. 例子：使用Grunt创建一个Node.js类库

      创建一个文件夹. 打开命令行或者powershell, 运行npm init,根据提示填入package的信息. 在文件夹中创建index.js文件. /*! * mymongolib * Cop ...

  6. IDEA注册码和license服务器附使用方法

    以下两种方式均可激活intellij Idea 15和16版本 最上方点击,Help->Registet 1.注册码 43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTc ...

  7. border-color: transparent rgb(255, 48, 48) transparent transparent;

    border-color: transparent rgb(255, 48, 48) transparent transparent;

  8. [PureScript] Introduce to PureScript Specify Function Arguments

    JavaScript does its error-checking at runtime, but PureScript has a compiler, which makes sure that ...

  9. ListView显示不同布局

    在使用不同布局的时候,getItemViewType和getViewType不能少,通常是不用这两个函数的重载的 listView.setAdapter(new BaseAdapter() { @Ov ...

  10. JavaScript 上下文环境和作用域，以及 call、apply 和 bind【转载+翻译+整理】

    --看到这篇文章,翻译国外的,虽说写得有点矫情,但总体来看,还是相当不错的- 本文内容 我在哪儿?你又是谁 ? this? 用 apply 和 call 掌控上下文环境 bind 之美 本文将说明上下 ...