本文摘自PHP中文网,作者不言,侵删。
注意是跳动到了页首的区别,最好用void(0) 用户体验好点。#包含了一个位置信息
默认的锚是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
你可使用如下例子来测试一下:
代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 | <!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 >
< title ></ title >
</ head >
< body >
这里是页首.....
< p >
</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< p >
1</ p >
< a href = "#" >这是会跳到页首的</ a >
< a href = "javascript:void(0)" >这个不会跳动</ a >
</ body >
</ html >
|
提示:您可以先修改部分代码再运行
以上就是html 空链接 href="#"与href="javascript:void(0)"的区别的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
新手篇:如何用<a>标签制作一个链接(分享)
使用html和css实现康奈尔笔记的模板
关于html的简介
html 超级链接详细讲解
怎么解决html <a>标签中文乱码问题
html文字居中怎么设置
js实现加载时锁定html页面元素的方法
在html中如何点出head标签?head标签中包含的元素有哪些?
html中的<meta>标签的使用详解
html格式是什么
更多相关阅读请进入《quot》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html 空链接 href="#"与href="javascript:void(0)"的区别