HTML5事件
| 事件 | 说明 |
| DOMContentLoaded | 在DOM树形成后触发（与此同时，图片、CSS和JavaScript可能还在加载）。在这个事件中，脚本运行要早于load事件，因为load事件会等待所有资源（比如图片或广告）加载完之后才触发。这种方式会让页面看起来加载速度更快。 |
| hashchange | 当URL的hash值变化时（不会造成整个窗口刷新）触发。hash值通常在链接中用来指定不同的部分（也被称作为锚点），在使用AJAX加载的页面内容中也会被使用。 |
| beforeunload | 当页面被卸载之前在window对象上触发。 |
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<input id="message" type="text">
<script>
function setup() {
var textinput = document.getElementById("message");
textinput.focus();
}
window.addEventListener('DOMContentLoaded', setup, false);
</script>
</body>
</html>