<!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>