如何获取URL后面锚点ID

目录：

• 1如何获取URL后面锚点ID
• 2如何运用获取到的ID

概述：

在今天的内容开始之前，请大家先点击几个链接：

http://www.uw3c.com/help.html#mail
http://www.uw3c.com/help.html#disclaimer
http://www.uw3c.com/help.html#money

点开之后，对比就会发现，同一个页面点击开之后确实不同的样式，这是为什么呢？其实远离很简单，根据URL后面不同的锚点ID，从而显示不同的样式。

如何获取URL后面锚点ID：

获取URL后面锚点ID的方法依然很简单，一行代码搞定。

1

varthisId = window.location.hash;

如果当前页面为http://www.uw3c.com/help.html#mail的话，结果就为“#mail”。

如何运用获取到的ID：

例如：对URL后面锚点的ID添加样式（.uw3c）：

1

2

3

4

5

6

$(function(){

    varthisId = window.location.hash;

    if(thisId != ""&& thisId != undefined){

        $(thisId).addClass("uw3c");

    }

})