Sen location.hash
(the part of the URL after the #) JavaScript withing "sabit bağlantılar" ayarlamak için kullanabilirsiniz. Bu sayfa location.href
yaptığı değiştirme gibi, yeniden neden olmaz, ama değerini alıp JavaScript kullanabilirsiniz.
Bu örneği ele alalım:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Hash test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
window.onload = function() {
// The substring(1) removes the # from the hash.
var hash = window.location.hash.substring(1);
// Use a default value if no has was passed.
if(hash == '') {
hash = 'Nothing';
}
// Use the value.
document.getElementById('selection').innerHTML = hash;
}
/** Sets the hash and updates the page value */
function setHash(newHash) {
window.location.hash = newHash;
document.getElementById('selection').innerHTML = newHash;
}
</script>
</head>
<body>
<div>
<div>
<a href="javascript: void();" onclick="setHash('page1');">Page 1</a> |
<a href="javascript: void();" onclick="setHash('page2');">Page 2</a> |
<a href="javascript: void();" onclick="setHash('page3');">Page 3</a>
</div>
<div>
You have selected: <span id="selection">...</span>
</div>
</div>
</body>
</html>
Eğer sayfa bağlantılardan birinin, location.hash
değiştirildiğinde tıkladığınızda, tarayıcınızın URL güncellenir ve sayfada kullanılan değeri değiştirilir. URL yeniden istendiğinde kullanıcı daha sonra doğrudan adres çubuğuna kopyalar URL, ya da yer imleri olarak, seçilen sayfa yeniden edilecektir.