问答首页 → Web前端技术
0 0

关于<a href="#">的问题5

  最近看到了一个小问题就是关于超链接a属性href为#的问题，我们都知道，如果href=“#”的话默认页面会跳到top，也就是说如果页面很长，其中当下部网页有个href为#的超链接的话，点击这个超链接会跳到头部，而如果href="javascript:void(0);"这样的话就不会跳到头部，所以之前一直用的都是javascript:void(0),但是最近在玩腾讯微博的时候发现，那个添加表情的功能，它的超链接也是href="#"但是，点击的时候浏览器中地址栏既不会有#存在，而且也不会跳到头部，不知道是怎样实现的，哪位知道，指导一下
JavaScriptCSSjQueryHTML5 
2011年12月28日 11:51

5个答案 按时间排序 按投票排序

0 0

采纳的答案

特意跑过去看了一下它的源码，没找到他是怎么做的  这样是可以实现的。 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <p>换行</p>
    <a href="#test">去测试的地方</a>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <a href="#" onclick="return false;" id="test">测试return false</a>
    <p>换行</p>
    <a href="#">测试</a>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
    <p>换行</p>
</body>
</html>

2011年12月29日 16:34
0 0

href="javascript:void(0);"一般在超链接button使用。
onclick = "method()"

2011年12月30日 20:40
0 0

用锚点来解决问题

2011年12月29日 09:06
0 0

拦截click事件的默认动作：event.preventDefault()

2011年12月28日 15:44
0 0

<a href="#" onclick="return false">#test</a>
<a href="javascript:void(0)">javascript:void(0)</a>
明白了吧？

2011年12月28日 13:10

相关推荐

Magicbox
Ask-but
我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

Global site tag (gtag.js) - Google Analytics