Cacher is the code snippet organizer for pro developers

死链接 href="javascript:void(0);"

目的: 保留链接的样式，但不执行实际操作

<a href="javascript:void(0)">单击此处什么也不会发生</a>

// javascript:
伪协议，让超链接去执行一个js函数，而不是跳转到一个地址

// void(0)
void是javascript中的一个函数，接受一个参数，返回值永远是undefined
void 0 is a correct and standard way to produce undefined

javascript:void(0)表示不做任何操作

<script>
        function openWindow (){
            window.open();
        }
</script>
<a href="javascript：void(0)" onClick="openWindow()">打开空白页</a>
或
<a href="javascript：void(0)" onClick="window.open()">打开空白页</a>

锚点ID href="#"

# 包含了一个位置信息，默认的锚是#top 也就是网页的上端

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

<a href="#pos">点我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">定位点</p>

<a href="http://www.uw3c.com/help.html#mail" rel="nofollow" style="color:rgb(197,111,119);" target="_blank">点我定位到指定位置!</a>

应用: 根据URL后面不同的锚点ID显示不同的样式

$(function(){
    var thisId = window.location.hash; // 获取URL后面锚点ID
    if(thisId != "" && thisId != undefined){
        $(thisId).addClass("uw3c"); // 对URL后面锚点的ID添加样式（.uw3c）
    }
})