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> 来获取同等效果
分享到:
相关推荐
<li><a href="index.html" title="个人主页" id="menu_selected"><span>个人主页</span></a></li> <li><a href="jianjie.html" title="我的简介"><span>我的简介</span></a></li> <li><a href="tongxue....
<li><a href="#"><img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /></a></li> <li><a href="#"><img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /></a></li> </ul> </div>
<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> <li><a href="#">...
<a href="">北京</a><a href="">上海</a><a href="">天津</a><a href="">重庆</a><a href="">河北</a><a href="">山西</a><a href="">河南</a><a href="">辽宁</a><a href="">吉林</a><a href="">黑龙江</a><a href...
<li><a href="#">一创双优持续开展活动</a></li> <li><a href="#">城乡规划效能监察</a></li> <li><a href="#">工程建设领域项目信息和信用信息公开</a></li> <li><a href="#">濮阳日报规划专版</a></li> <li>...
前端,利用HTML和CSS制作的鲜花市场首页,有动态效果... <li><a href="#">首页</a></li> <li><a href="#">商城</a></li> <li><a href="#">产品</a></li> <li><a href="#">应用</a></li> <li><a href="#">服务</a></
<li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> <li><a class="hide" href="../...
<p class="comments">Comments - <a href="sc.chinaz.com">17</a> <span>|</span> <a href="index2.html">Continue Reading</a></p> </div> <div class="post"> <h2>Original Wordpress Themes</h2> <div><span...
<!DOCTYPE html> ... <li><a href="#articles">文章</a></li> <li><a href="#about">关于我</a></li> </ul> </nav> <section id="home"> <h2>最新文章</h2> <article> <h3>文章标题</h3>
<li class="first"><a href="wangzhanyouhua/" title="网站优化,广州网站优化服务"><span class="left">网站优化服务</span></a> <ul> <li><a href="wangzhanyouhua/wangzhanyouhualiucheng....
xml=<data><config><isShowTitle>0</isShowTitle><autoPlayTime>5</autoPlayTime></config><channel><item><link></link><image>images/0411412705084558.jpg</image><title></title></item><item><link></link>...
<tr><td><a href="1.1/index.jsp">1.1动态加载的FAQ</a></td></tr> <tr><td><a href="1.2/postalcode.html">1.2根据邮政编码获取地区信息</a></td></tr> <tr><td><a href="1.3/tree.html">1.3动态树形列表</a></td>...
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />...
<li><a href="index.html">Item 1.0.0</a></li> </ul> </li> <li><a href="#">Item 1.1</a></li> <li><a href="#">Item 1.2</a> <ul> <li><a href="#">Item 1.2.0</a> <ul>...
<a href="#">http://www.xinlang.com/blogs/</a> </div> <div class="nav"> <ul> <li><a href="index.html">首页</a></li> <li><a href="picture.html">图片</a></li> <li><a href="list.html" <li><a href...
<a href="#"><span data-hover="Ratatouille">Ratatouille</span></a> <a href="#"><span data-hover="Lassitude">Lassitude</span></a> <a href="#"><span data-hover="Murmurous">Murmurous</span>...
<p><a href="#index4.html">站点内</a></p> <p><a href="">站点内1</a></p> <p></p> <p><a href="#top1">回到头部</a></p> <p><a href="#">自己</a></p> <p><a href="index1.rar">下载</a></p> <p><a href=...
<a href="#" target="_self">常见问题</a><br /> </div> </li> <li>|</li> <li><a href="#" target="_self">礼品卡</a></li> <li>|</li> <li><a href="#" target="_self">我的订单</a></li> <li>|</li> <li...
<li><a href="#">空调</a></li> <li><a href="#">电量仪</a></li> <li><a href="#">温度</a></li> </ul> </li> <li class="mainlevel" id="mainlevel_02"><a href="#">容量可视化</a> <ul class="sub_nav_...
-- 以下一个ul对应上面的一个li,例如javascript对应下面第一个ul --> <ul> <li>王中帅,Ajax,Other</li> <li>基础,Swing,Applet,More</li> <li>Spring,Habernate,Struct</li> <li>HTMl,CSS,SCRIPT</li> <li>...