Prevent link page reloading if it equals current (root) location

Question

I have a menu with links:

<ul id="menu">
 <li><a href="/">Home</a></li>
 <li><a href="/Archive/all/">Archive</a></li>
 <li><a href="/About">About</a></li>
 <li><a href="/Contact">Contact</a></li>
</ul>

And if I'm at my root path (/) and click on Home menu item page reloads - how to prevent from reloading page (looking for cross-browser solution, it can be solved with js/jQuery if neccessary) if I'm currently on its target href?

Answer 1

Try this:

<ul id="menu">
    <li><a href="/" onclick="check(this.href)">Home</a></li>
    <li><a href="/Archive/all/">Archive</a></li>
    <li><a href="/About">About</a></li>
    <li><a href="/Contact">Contact</a></li>
</ul>
<script>
function check(href) {
     if(location.href != href)
         location.assign(href);
}
</script>