<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function show(ev){
alert(arguments.length);
alert(arguments[0]);
var e = ev || window.event;
alert(e.button);
}
window.onload = function () {
var Btn = document.getElementById("btn");
Btn.onclick = show;
}
</script>
</head>
<body>
<button id="btn">按钮</button>
</body>
</html>点击事件的过程是不是这样的：
1、show函数把值赋给Btn.onclick
2、Btn.onclick在点击过后因为上述第一步所以系统调用了show函数并且把事件对象MouseEvent作为参数赋给了show函数
3、随时js随着点击事件触发后把Btn.onclick里面的内容也同时赋给了show函数，所以我们可以alert（e.button）显示出Btn.onclick里面的内容？
如果过程是上述这样的那么：
问题一：如果整个过程如上，赋值不是从右往左赋值，所以代码应该是show = Btn.onclick，而不是Btn.onclick =show
问题二：我们把点击事件赋给函数的原因是不是这样的：
因为单独无法将Btn.onclick里面存储的内容调出来只能将它赋给一个函数，通过函数才能将它里面的内容调用出来?（例如不能写成Btn.onclick.button？）
问题一：js的赋值是等号右边赋值给左边。如果你写为show = Btn.onclick，那么show会被重写，就像var show=1，show=2，最后show的值为2.
问题二：btn是一个dom对象，这个对象下有很多属性，比如onclick，onmouseout等等，这时只有属性名，没有属性值，举个例子就像这样。
btn = {
onclick：‘’，
onmuseout：‘’，
}
当你Btn.onclick = show;就是给btn对象下的onclick属性赋值，结果就像这样。
btn = {
onclick：show，
onmuseout：‘’，
}
对象的属性是可以为函数的，这时当你点击时就相当于读一下onclick属性，而这个属性值是一个函数，也就执行了函数。
问题1 是Btn.onclick =show，是把show函数赋值给Btn.onclick，Btn.onclick是在btn点击时会调用的函数，所以不是把数据赋值给show，而是直接调用show并传入参数，可以理解为点击时执行了 show(mouseEvent)
问题2 Btn.onclick是点击按钮时会执行的函数，Btn.onclick不是一个对象，也没储存任何数据，只是点击时会执行这个函数，并传参，如果没给Btn.onclick绑定回调函数，那么点击时就没做任何操作
你是在自学还是有人教你，你的理解方式偏离的有点远