有什么办法可以无刷新改变页面的URL?hash可以帮你来实现。
通常情况下用到的改变页面地址的办法是location.hash=####来做的,但是此方法会使页面刷新,有些时候满足不了你的需求
hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)。
<!DOCTYPE HTML >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hash</title>
</head>
</body>
<input type="button" id="click1" value="click1"/>
<input type="button" id="click2" value="click2"/>
<script type="text/javascript">
document.getElementById("click1").onclick=function(){
location.hash="hi";
}
document.getElementById("click1").onclick=function(){
alert(location.hash);
}
</script>
</body>
</html>
没有任何操作下的情况
点击click1按钮之后,会清楚的发现地址栏的链接发生了变化
地址栏的末尾多出了一串“#hi”,这就是hash值。一旦hash被赋值,我们还可以将其取出;
点击click2的时候
通过hash的值的设置,就可以改变URL而不刷新页面了。同时hash也是页面内参数传递及
与iframe间参数传递的一个不错选择。