# 表单元素聚焦
网页打开时，光标聚焦在当前表单。
```
<input type="text" id="input">
<script>
document.getElementById('input').focus()
</script>
```
# onhashchange事件
onhashchange 事件在当前 URL 的锚部分(以 '#' 号为开始) 发生改变时触发 。
锚部分的实例：指定当前 URL 为[http://www.example.com/test.htm#part2](http://www.example.com/test.htm#part2) - 这个 URL 中的锚部分为 #part2。
你可以使用以下方式调用事件:
* 通过设置[Location 对象](https://www.runoob.com/jsref/obj-location.html)的[location.hash](https://www.runoob.com/jsref/prop-loc-hash.html)或[location.href](https://www.runoob.com/jsref/prop-loc-href.html)属性修改锚部分。
* 使用不同书签导航到当前页面（使用"后退" 或"前进"按钮）
* 点击链接跳转到书签锚
*****
## 浏览器支持
表格中的数字表示支持该事件的第一个浏览器的版本号。
| 事件 | chrome | IE | Firefox | Sarifi | Opera |
| --- | --- | --- | --- | --- | --- |
| onhashchange | 5.0 | 8.0 | 3.6 | 5.0 | 10.6 |
## 案例
```
<a href="#box1">跳</a>
<a href="#box2">跳</a>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<script>
// hash不会引起浏览器发生跳转
//路由就是管理浏览器链接的 可以通过hash来进行管理路由
window.onhashchange = function(){
console.log(location.hash)
}
</script>
```
