获取鼠标的坐标、元素的宽高、元素的偏移量

（1）、获取鼠标的坐标：

                    鼠标相对于浏览器可视区域左上角的偏移量： clientX（x轴）    clientY（y轴）

                    鼠标相对于整个页面左上角的偏移量： pageX （x轴）  pageY （y轴）

（2）、获取元素的宽高：

                    获取元素的宽高只能读不能修改： offsetWidth （宽）   offsetHeight （高）

                    获取窗口的可视区域的宽高：  innerWidth  （宽）   innerHeight  （高）

（3）、获取元素的偏移量（可读不可改）：

                     offsetLeft  （左）offsetTop  （上）：在没有定位的情况下获取到的是 html 页面左上角的偏移量：

                                                                                在有定位的情况下获取的是根据定位元素左上角的偏移量：