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

0 0

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

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

2011年12月28日 11:51

tianhandigeng
3
0 1 10

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

chinahnzhou
24
0 0 4

添加评论

0 0

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

2011年12月30日 20:40

liuqing_2010_07
1023
0 0 5

添加评论

0 0

用锚点来解决问题

2011年12月29日 09:06

卡卡殿军
26
0 0 0

添加评论

0 0

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

2011年12月28日 15:44

clue
1478
0 0 0

添加评论

0 0

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

2011年12月28日 13:10

q79969786
25
0 0 1

添加评论

相关推荐

php分页程序通过$j实现分页: page=$j>$j</a>"."] "."</td>"; } } else { for($j=$page-10;$j<$page;$j++) { echo "<td>". "["."<a href=?page=$j>$j</a>"."] "."</td>"; } } if($page<$totalpage-10) { for($j=$page;$j<$page+11;$j...

关闭" data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-2-933467-iteye_blog-77511.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-2-933467-iteye_blog-77511.nonecase" data-report-click='{"mod":"popu_905","dest":"https://download.csdn.net/download/hanxuezheng/933467","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-2-933467-iteye_blog-77511.nonecase\"}"}' > <A class=a07 href="javascript:window.close()">关闭</A>: <A class=a07 href="javascript:window.close()">关闭</A>

我的网页设计作业

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

<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="#">关于幕课</a></li> <li><a href="#">新闻动态</a></li> <li><a href="#">课程中心</a></li> <li><a href="#">在线课程</a></li> <li><a href="#">人才招聘</a></li> </ul> <div id="gezi"> ...

u=3083571013,2480410743&fm=26&gp=0.jpg.png: <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 href=[removed]void(0) 的区别: a href=#> 点击链接后...<a> 作用同上，不同浏览器会有差异。点击链接后，不想使页面滚到页首，就用href=[removed]void(0)，不要用href=#，return false也有类似作用详解href=#与href=[removed]void(0)的区别 #包

struts2<s:if>使用心得: taskInstanceId=<s:property value="id"/>" >我来处理</a>)</s:if> <s:elseif test='{#taskName == "受评对象准备评级资料"}'> <a href="${pageContext.request.contextPath}/ga/needModify.action?...

京东首页静态模板: <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...

" data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-9-1262678-iteye_blog-77511.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-9-1262678-iteye_blog-77511.nonecase" data-report-click='{"mod":"popu_905","dest":"https://download.csdn.net/download/lin56zo/1262678","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-9-1262678-iteye_blog-77511.nonecase\"}"}' > <s:iterator value="list" id="book" status="u">: <a href="<s:url action="edit" portletMode="edit"> <s:param name="id"><s:property value="id"/></s:param> </s:url>">Edit</a> </td> <td>   <a href="<s:url action...

" data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-10-85577429-iteye_blog-77511.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-10-85577429-iteye_blog-77511.nonecase" data-report-click='{"mod":"popu_905","dest":"https://download.csdn.net/download/m0_71791911/85577429","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-10-85577429-iteye_blog-77511.nonecase\"}"}' > HTML中的锚点定位<a href="#con">: 主要练习HTML中的锚点定位通过创建锚点链接，用户能够快速定位到目标内容。

h4界面开发: <li><a href="#"><span>党务政务公开</span></a></li> <li><a href="#"><span>规划动态</span></a></li> <li><a href="#"><span>政府信息公开</span></a></li> <li><a href="#"><span>网上服务</span></a></li> ...

jquery图片切换: target="_blank"><IMG alt="1牡丹花开富贵图1" src="jquery新闻图片切换_files/1.jpg"></A><A href="http://down.scscms.com/scs/pic/index.html#" target="_blank"><IMG alt="2牡丹花开富贵图2" src="jquery新闻...

HTML利用超链接打开链接文件的方法介绍: 用法如下： <ahref>链接的显示文字</a>点击<a></a>当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。比如链接到jb51.net站点首页，就可以这样表示： <ahref>多特软件站jb51.net首页</a>target...

购物车代码: out.println("<a href='cart'>查看购物车</a><br><br>"); out.println("<input type='text' name='search'>"); out.println("<input type='submit' value='查询'>"); out .println("<table align='...

ASP.Net电子商务网站后台模板: <li id="now19"><a title="生成文件管理" href="#" target="content3"><span>生成文件管理</span></a></li> <li id="now1a"><a title="标签管理" href="#" target="content3"><span>标签管理</span></a></li> <li...

网页设计作业网页设计作业: <!...<html> <head> <title>我的博客</title> <style> ... <li><a href="#about">关于我</a></li> </ul> </nav> <section id="home"> <h2>最新文章</h2> <article> <h3>文章标题</h3>

jQuery折叠菜单: <li class="item2"><a href="#" class="title"><img src="images/所有污染源列表查询.gif" />全部污染源</a></li> <li class="item2"><a href="#" class="title" onclick="fold(this);return false;"><img ...

UCHOME1.5首页友情链接插件: <a href=" $value[siteurl]" target="_blank">$value[sitename]</a>    </li></ul> </div> 2.找到/index.php 文件代码(一般在底部最后一行)： include template('index...

多级树形菜单: <li><a href="#">Item 1</a> <ul> <li><a href="#">Item 1.0</a> <ul> <li><a href="index.html">Item 1.0.0</a></li> </ul> </li> <li><a href="#">Item 1.1</a></li> <li><a...

超链接（文本超链接、图像超链接）: -- <a href=""></a> -->超链接标签(用于从一个页面链接到另一个页面) <br> 文本超链接 <br> <a href="https://www.baidu.com/">百度</a> <div> 空链接 <br> <a href=""></...