HTML中A标签中的#号问题

来源:互联网 发布:怎么用java编程 编辑:程序博客网 时间:2024/04/30 19:17
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就变成了...####)
 
原创粉丝点击