目录
一、onload的运用
浏览器在加载一个页面时，是按照自上而下的顺序加载的，读取到一行就执行一行，
如果script标签写到页面的上方，在代码执行时，页面还没有加载，所以要将JS代码写道页面下面
一、onload的运用
onload事件会在整个页面加载完成之后才触发，这样可以将DOM事件在页面全部加载完实现
为window绑定一个onload事件
代码示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
alert('hello')
}
</script>
<button id="btn">
这是一个按钮</button>
</head>
<body>
</body>
</body>
</html>
以下是通过使用上面这种方法，实现了上一节的代码
代码示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
var btn = document.getElementById('btn');
btn.onclick = function(){
alert('不要乱点我！！！')
}
}
</script>
<button id="btn">
这是一个按钮</button>
</head>
<body>
</body>
</body>
</html>点击按钮之后再弹出对话框
上节学习链接：
JavaScript的学习之事件的简介
这节就学习到这里，感谢大家关注！！！
