jquery 引用 <base href=

遇到过不止一次了,在jsp中引用jquery的js文件时明明觉得设置都是正确的,但是就是没有效果

纪录下要点,以作备注:

1、引用的部分一定要在<head></head>标签之间,不想其余的javascript 可以写在任何地方

2、貌似不同版本的js引用方式也是不同的,jquery-1.7.2的方式是:

<script type="text/javascript" src="./common/js/jquery-1.7.2.js"></script>

jquery的js文件放在同级目录common/js下,注意不要缺少./的点. 当前目录的代表意义;因为虽然无论你加不加.,似乎都能引用到jquery,但是只有前者才会起作用

3、有些javascript的简写方式如<script /> 在引用jquery的时候最好不要用

4、该引用要放在其他需要jquery的js的引用之前

5、提供一种jquery1.5.2的引用方式 <script language="javascript" src="<s:url value=''./common/js/jquery-1.5.2.js" charset="utf-8"></script>

 -------------------------------------------------------------------割--------------------------------------------------------------------------------

无意中发现了  <base href="<%=basePath%>" />  基连接走进我了的视线

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

可以使得所有的连接前缀总是如此,如果转发后发现图片不在了,那可能是连接地址不对了,建议加上该段代码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码可以进行以下优化: 1. 将 `ul` 标签的 `class` 属性名从 `calss` 改为 `class`。 2. 将 JavaScript 代码放在 HTML 结构后面,以确保 DOM 树已经加载完毕。 3. 使用 CSS 的 `display` 属性代替 JavaScript 控制下拉菜单的显示和隐藏。 4. 为了提高代码的可维护性,可以将 JS 代码中的 `$(".nav>li")` 提取出来作为变量。 下面是优化后的代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style type="text/css"> .nav { margin: 100px; } .nav>li { position: relative; float: left; width: 80px; height: 41px; text-align: center; } .nav li a { display: block; width: 100%; height: 100%; line-height: 41px; color: #333; } /* 隐藏下拉菜单 */ .nav ul { display: none; position: absolute; top: 41px; left: 0; } </style> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript"> $(function() { var navLi = $(".nav>li"); // 鼠标移入显示下拉菜单 navLi.mouseover(function() { $(this).children("ul").show(); }); // 鼠标移出隐藏下拉菜单 navLi.mouseout(function() { $(this).children("ul").hide(); }); }); </script> </head> <body> <!-- p181 --> <ul class="nav"> <li><a href="#">微博</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">留言板</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">电话</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">邮箱</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> </ul> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值