`
friping
  • 浏览: 133883 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

发现html的<a href/>的一个问题

    博客分类:
  • html
阅读更多

html中<a href="#"/>是跑到本页面的头部去的

但发现一个问题,在head中使用了<base/>之后,当使用链接时候,href 的值设成#,导致页面会重新调用,

 

问题在于base的href。此时的base href的值应该是本页面的url值。

比如:如果调用链接http://localhost:8080/test/test.do 返回的是my.jsp页面。

my.jsp

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<base href="http://localhost/test.html"/>
</head>

<body>
<a href="#" >test</a>
</body>
</html>

 

而在myjsp中有一个<a href="#">test</a>

 

当base href存在试,会试图找基准路径。此时如果点击时会发现链接到其他页面了、这样<a href="#">test</a>就不是跑到本页面的头部去了。(href的值是一个目录,当点击是"#"时,会发现找的是当前目录下的默认页面。如index.jsp)

同样的原理在struts中

struts中有个一个<html:base/>

默认的是改jsp页面的url绝对路径。

当点击时候就会报错。

 

可以用<a href="javascript:void(0)">test</a>  来获取同等效果

分享到:
评论

相关推荐

    我的网页设计作业
    " data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-355391.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-355391.nonecase" data-report-click='{"mod":"popu_708","dest":"https://download.csdn.net/download/qq_40080695/87324868","strategy":"2~default~OPENSEARCH~Paid","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-355391.nonecase\"}"}' > <div class="top">我的网页设计作业</div>

    &lt;li&gt;&lt;a href="index.html" title="个人主页" id="menu_selected"&gt;&lt;span&gt;个人主页&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="jianjie.html" title="我的简介"&gt;&lt;span&gt;我的简介&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="tongxue....

    学生网页制作

    &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;

    u=3083571013,2480410743&fm=26&gp=0.jpg.png

    &lt;li&gt;&lt;a href="#"&gt;电影排行榜&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;音乐&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;新歌首播&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;华语&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;欧美&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;...

    京东首页静态模板

    &lt;a href=""&gt;北京&lt;/a&gt;&lt;a href=""&gt;上海&lt;/a&gt;&lt;a href=""&gt;天津&lt;/a&gt;&lt;a href=""&gt;重庆&lt;/a&gt;&lt;a href=""&gt;河北&lt;/a&gt;&lt;a href=""&gt;山西&lt;/a&gt;&lt;a href=""&gt;河南&lt;/a&gt;&lt;a href=""&gt;辽宁&lt;/a&gt;&lt;a href=""&gt;吉林&lt;/a&gt;&lt;a href=""&gt;黑龙江&lt;/a&gt;&lt;a href...

    h4界面开发

    &lt;li&gt;&lt;a href="#"&gt;一创双优持续开展活动&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;城乡规划效能监察&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;工程建设领域项目信息和信用信息公开&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;濮阳日报规划专版&lt;/a&gt;&lt;/li&gt; &lt;li&gt;...

    前端,利用HTML和CSS制作的鲜花市场首页

    前端,利用HTML和CSS制作的鲜花市场首页,有动态效果... &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;商城&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;产品&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;应用&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;服务&lt;/a&gt;&lt;/

    好看的下拉菜单

    &lt;li&gt;&lt;a href="../layouts/minimum.html" title="A simple minimum width layout"&gt;minimum width&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;!--[if lte IE 6]&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;/a&gt; &lt;![endif]--&gt; &lt;/li&gt; &lt;li&gt;&lt;a class="hide" href="../...

    博客网站首页界面

    &lt;p class="comments"&gt;Comments - &lt;a href="sc.chinaz.com"&gt;17&lt;/a&gt; &lt;span&gt;|&lt;/span&gt; &lt;a href="index2.html"&gt;Continue Reading&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class="post"&gt; &lt;h2&gt;Original Wordpress Themes&lt;/h2&gt; &lt;div&gt;&lt;span...

    网页设计作业网页设计作业

    &lt;!DOCTYPE html&gt; ... &lt;li&gt;&lt;a href="#articles"&gt;文章&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#about"&gt;关于我&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;section id="home"&gt; &lt;h2&gt;最新文章&lt;/h2&gt; &lt;article&gt; &lt;h3&gt;文章标题&lt;/h3&gt;

    一个很漂亮.不错的,菜单

    &lt;li class="first"&gt;&lt;a href="wangzhanyouhua/" title="网站优化,广州网站优化服务"&gt;&lt;span class="left"&gt;网站优化服务&lt;/span&gt;&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="wangzhanyouhua/wangzhanyouhualiucheng....

    如家宠物网站

    xml=&lt;data&gt;&lt;config&gt;&lt;isShowTitle&gt;0&lt;/isShowTitle&gt;&lt;autoPlayTime&gt;5&lt;/autoPlayTime&gt;&lt;/config&gt;&lt;channel&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;&lt;image&gt;images/0411412705084558.jpg&lt;/image&gt;&lt;title&gt;&lt;/title&gt;&lt;/item&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;...

    ajax实例大全 很实用的!

    &lt;tr&gt;&lt;td&gt;&lt;a href="1.1/index.jsp"&gt;1.1动态加载的FAQ&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="1.2/postalcode.html"&gt;1.2根据邮政编码获取地区信息&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="1.3/tree.html"&gt;1.3动态树形列表&lt;/a&gt;&lt;/td&gt;...

    仿Facebook底部工具栏的实现

    &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;...

    多级树形菜单

    &lt;li&gt;&lt;a href="index.html"&gt;Item 1.0.0&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Item 1.1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Item 1.2&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Item 1.2.0&lt;/a&gt; &lt;ul&gt;...

    个人博客源码加素材

    &lt;a href="#"&gt;http://www.xinlang.com/blogs/&lt;/a&gt; &lt;/div&gt; &lt;div class="nav"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="index.html"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="picture.html"&gt;图片&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="list.html" &lt;li&gt;&lt;a href...

    创建链接效果

    &lt;a href="#"&gt;&lt;span data-hover="Ratatouille"&gt;Ratatouille&lt;/span&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;span data-hover="Lassitude"&gt;Lassitude&lt;/span&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;span data-hover="Murmurous"&gt;Murmurous&lt;/span&gt;...

    基础h5代码

    &lt;p&gt;&lt;a href="#index4.html"&gt;站点内&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href=""&gt;站点内1&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="#top1"&gt;回到头部&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="#"&gt;自己&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="index1.rar"&gt;下载&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href=...

    蔚蓝网上书店首页代码

    &lt;a href="#" target="_self"&gt;常见问题&lt;/a&gt;&lt;br /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt;|&lt;/li&gt; &lt;li&gt;&lt;a href="#" target="_self"&gt;礼品卡&lt;/a&gt;&lt;/li&gt; &lt;li&gt;|&lt;/li&gt; &lt;li&gt;&lt;a href="#" target="_self"&gt;我的订单&lt;/a&gt;&lt;/li&gt; &lt;li&gt;|&lt;/li&gt; &lt;li...

    jQuery横向二级滑动导航菜单

    &lt;li&gt;&lt;a href="#"&gt;空调&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;电量仪&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;温度&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="mainlevel" id="mainlevel_02"&gt;&lt;a href="#"&gt;容量可视化&lt;/a&gt; &lt;ul class="sub_nav_...

    菜单修改版

    -- 以下一个ul对应上面的一个li,例如javascript对应下面第一个ul --&gt; &lt;ul&gt; &lt;li&gt;王中帅,Ajax,Other&lt;/li&gt; &lt;li&gt;基础,Swing,Applet,More&lt;/li&gt; &lt;li&gt;Spring,Habernate,Struct&lt;/li&gt; &lt;li&gt;HTMl,CSS,SCRIPT&lt;/li&gt; &lt;li&gt;...

Global site tag (gtag.js) - Google Analytics