您的位置:首页 > Web前端 > HTML

HTML中A标签中的#号问题

2008-03-01 11:45 288 查看
1.问题
开发过程中经常用到这种语句<a href="#" onclick="javascript:alert('aaa')">测试</a>,因为要使用到Onclick事件,那么这时,如果onclick只是处理某一事务,而没有进行页面跳转的话,那么这时URL地址会加上个#号;

2.处理
2.1把href的值改为:“javascript:void(0);”;
2.2使用span标签<span style="cursor:pointer" "javascript:alert('aaa')">测试</span>;
2.3使用图片,再用于onclick事件;
2.4在onclick事件末加上"return false;";(erik168 提供)

3.备注
我是采用第一种,下面详细说明一下我的调试结果
<a href="javascript:alert('asd');" onclick=alert('xxx');xx();alert('yyy');>asdf</a>
<script>
function xx()
{
alert('ccc');
location.href='http://post.baidu.com';
}
</script>
可以观察上面例子,当xx方法中使用页面跳转,则该页面跳转操作不会执行。

4.补充
当我使用<a>的时候,点击事件是跳出一个浮动层。这时用上面几种方法都会有问题。
用空链接时:浮动层出来后。页面会跑到顶部去。
用return false之类:这时浮动层没法全部显示出来(里面嵌了个页面)。
处理方法:在href中写上####即可解决(不过URL就变成了...####)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: