<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--作用域与事件-->
<!--
局部变量：在函数中通过var声明的变量。
全局变量：在函数外通过var声明的变量。
没有声明就使用的变量，默认为全局变量，不论这个变量在哪被使用。
在 ES6 中，提供了 let 关键字和 const 关键字。
let 的声明方式与 var 相同，用 let 来代替 var 来声明变量，就可以把变量限制在当前代码块中。
使用 const 声明的是常量，其值一旦被设定便不可被更改。
-->
<!--点击事件 onclick-->
<button onclick="this.innerHTML=Date()">现在的时间是?</button>
<!--在event监听参数中click事件不要on-->
<input id="test" type="button" value="提交"/>
<script>
window.onload = function(){
var test = document.getElementById("test");
test.addEventListener("click",myfun2);
test.addEventListener("click",myfun1);//添加事件句柄
test.removeEventListener("click",myfun2)//删除添加事件句柄
}
function myfun1(){
alert("你好1");
}
function myfun2(){
alert("你好2");
}
</script>
</body>
</html>
HTML DOM事件详情
HTML DOM 事件对象 | 菜鸟教程 (runoob.com)
标签：function,作用域,句柄,JS,myfun2,事件,test,click From： https://www.cnblogs.com/H-Yan/p/16908594.html