<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>事件类型（onload）</title>
<!--
代码执行顺序：由上而下，从左至右
onload=代码a; HTML页面加载完成后立即执行代码a
script放在head时，先执行script脚本，再执行body部分的html
-->
<script>
//HTML加载完成后执行window.onload后面的代码
window.onload=function (){
var inp=document.getElementById("inp");//未添加onload事件时还不知道有inp这个元素
inp.onclick=x;
function x(){
alert("我在HTML加载完成前执行");
}
}
</script>
</head>
<body>
<input type="button" id="inp" value="按钮" />
</body>
</html>
