onload事件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
//onload事件的方法
function onl oadFun(){
alert('静态注册onload事件，所有代码');
}
//onload事件动态注册，是固定写法
window.onload = function (){
alert("动态注册onload事件");
}
</script>
</head>
<!--静态注册onload事件
onl oad事件是浏览器解析完页面之后就会自动触发的事件
<body onl oad="onloadFun()">
-->
<body>
</body>
</html>
onclick
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function onclickFun(){
alert("静态注册onclick事件");
}
//动态注册onclick事件
window.onload = function (){
//1.获取标签对象
/*
* document是JavaScript语言提供的一个对象（文档）
* get 获取
* Element 元素（就是标签）
* By 通过.... 由...经...
* ID id属性
* */
var btnObj = document.getElementById("btn01");
//alert(btnObj);
//2.通过标签对象，事件名 = function(){}
btnObj.onclick = function (){
alert("动态注册的onclick事件")
}
}
</script>
</head>
<body>
<!--静态注册onClick事件-->
<button onclick="onclickFun();">按钮1</button>
<button id = "btn01">按钮2</button>
</body>
</html>
运行结果：