<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
h3{
border:1px solid #000;
background:#f2f2f2;
padding:100px 10px;
}
a{
display:block;
padding:20px 0;
}
</style>
</head>
<body onhashchange="myFunction(event)">
<h3 id="html">Learn HTML</h3>
<h3 id="css">Learn CSS</h3>
<h3 id="javascript">Learn Javascript</h3>
<h3 id="jquery">Learn Jquery</h3>
<h3 id="ajax">Learn AJAX</h3>
<a href="#css">Move to CSS</a>
<a href="#javascript">Move to Javascript</a>
<a href="#html">Move to HTML</a>
<script>
function myFunction(){
alert("newURL: "+event.newURL+"\n\noldURL: "+event.oldURL);
}
</script> </body>
</html>