初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416
下面我们先写代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){
var btn1 = document.getElementById('btn1');
btn1.onclick=function(){
alert("你触发了单击事件");
}
}
</script>
</head>
<body>
<button id="btn1">点我</button>
</body>
</html>解析：
页面加载流程分为两个阶段：
第一阶段为从上到下依次创建标签对应的DOM对象，遇到js执行js
第二阶段为从上到下依次渲染每个标记
window.onload在第一阶段只是将处理函数地址赋值给onload属性，并没有执行函数，当页面全部加载完毕之后，立即执行window.onload。
如果将JavaScript代码卸载代码的最下方，可以不使用window.onload，因为在使用DOM对象时候，早已渲染完毕。
文章到此结束，希望对你的学习有帮助！