HTML-空链接
当你在HTML中设置超链接时可能会遇到的问题，
1、当你给a标签设置herf属性时，如果我们不想让页⾯进⾏转跳时我们可以给出下列样式；
<a herf=” ”>点我</a>
<a herf=”#”>点我</a>
<a herf=”##”>点我</a>
<a herf=”###”>点我</a>
<a herf=” javascript:void(0)”>点我</a>
<a herf=” javascript:;”>点我</a>
这些呢，在我们不想给a标签设置herf属性时的选择。
2、然后让我来讲⼀下这些空链接的区别，
<a herf=” ”>点我</a>
<a herf=”#”>点我</a>
这两个呢，是我们开发时最少出现的，我们给herf属性设置的能是⼀个空格，⼀个#号键，
⽽HTML给他们的属性是#top，也就是回到页⾯的最上⽅。
3、解决他的⽅法也很简单，我们可以给他设置⼀个点击事件，⽐如说
<a herf=”#” onClick=” alert(Hello world)”>点我</a>
这样我们的a标签点击时就不会返回最上⽅了，但我们⼜多了⼀个问题，点击a 标签是会多出⼀个弹窗给如何解决呢？
4、那我们就换个⽅法，⽐如从herf属性下⼿，当我们给a标签的herf属性设置⼀个空格或⼀个#号键时，我们给的并不是空链接⽽是#top属性，那我们就将#号键加到2-3个，那么给出的属性就是空的（如下）。
<a herf=”##”>点我</a>
<a herf=”###”>点我</a>
5、我们也可以将herf属性设置成
<a herf=” javascript:void(0)”>点我</a>
<a herf=” javascript:;”>点我</a>
javascript:void(0)，是⼀个死链接他返回给JavaScript的值是空的，也不会产链接转跳，当然javascript:；也是⼀个死链接。
6、在IE中使⽤javascript:void(0)可能会引发的问题，⽐如：造成gif动画停⽌播放等，所以最安全的⽅法还是
<a herf=”###”>点我</a>html代码转链接
或者我们也可以这样
<a herf=”javascript:void(document.form.submit())”>点我</a>
这样我们输出的结果都是空的，效果都是⼀样的，
7、当然我们也可以在点击事件上下⼿，⽐如说
<a herf=”#” onClick=”return false”>点我</a>
我们把他在点击事件上设置成什么都不做的。
8、我们也可以让他去执⾏函数，再将函数设置命令为什么都不做的，
<a href="javascript:void(0)"onclick="doSomething()">test</a> <a href="#"onclick="doSomething();return false;"> </a>
<a href="#"onclick="alert();urnValue=false;">test</a>这样我们就能彻底解决浏览器不兼容的问题。
初来乍到，⼤佬勿喷。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。