Dom事件模型

<script>
 function print()
 {
console.log('hi')
 }
</script>
=====
<button id=x onclick="print">A</button>
<button id=y onclick="print()">B</button>√ //onclick="要执行的代码 " 一旦用户点击，浏览器就eval("要执行的代码")

X.onclick=print √  //类型为函数对象
Y.onclick=print()   //类型为undefined
//一旦用户点击。那么浏览器就执行X.onclick.call(x,{})

【队列】

xxx.addEventListener('click',function()
   { 
   console.log(1)
   })
xxx.addEventListener('click',function()
   { 
   console.log(2)
   })
//xxx 拥有一个队列 用eventListeners添加 先进先出。输出内容为1  2

function f1(){ console.log(1)}
function f2(){ console.log(2)}
xxx.addEventListener('click',f1)
xxx.addEventListener('click',f2)
xxx.removeEventListener('click',f1) //移除出队列