onload事件:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">//onload事件的方法function onloadFun(){alert('静态注册onload事件,所有代码');}//onload事件动态注册,是固定写法window.onload = function (){alert("动态注册onload事件");}</script>
</head>
<!--静态注册onload事件onload事件是浏览器解析完页面之后就会自动触发的事件<body onload="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>
运行结果: