在标准文档流下，offsetLeft=aa.marginLeft(10)+bodyLeft(8)
脱离文档流下offsetLeft=aa.marginLeft(10)+aa的left(20)
如果使用aa.style.left获取，那就只有aa的left的值，就只有20
在标准文档流下aa.left的值是auto
Style中width=100vw表示屏幕全部宽度 height=100vh表示屏幕的全部高度，使用vh就不用给所有的父元素设置高度了
鼠标双击
H1.ondbclick=function(){
Alert(‘aa’)}
第二种方式
H1.addEventListrner(‘dbclick’,function(){
Alert(‘aa’)})
鼠标在区域内移动了
H1.onmusemove=function(){
Log(‘aa’)}
H1.addEventListener(‘mousemove’,function(){
Log(‘aa’)})
点击子元素，把父元素的事件也调用了，这种叫冒泡
False 表示冒泡（从里到外触发事件）
改成true表示捕获（从外到里触发事件）
div.window.addEventListener(‘click’,function(){
alert(1)},false)
event是一个js关键字，这个关键字保存了事件源对象的属性
console.log(event);
event. stopPropagation()
event.cancelBubble=true;/*阻止冒泡也可以这样写
事件源对象在function()括号内写e
console.log(e);
阻止冒泡事件在function()括号内写e
e.stopPropagation()
取消冒泡在function()括号内写e
e.cancelBubble=true;
点击一下，分别弹出1 2 3
重复设置会被覆盖，只保留最后一个
监听onclick事件
和onclick的区别写的方法不会被覆盖window可以省略
window . addEventListener( 'click ' ,function(){alert( 1)})
window . addEventListener( 'click ' ,function(){alert( 2)})
window . addEventListener( 'click ' ,function(){alert( 3)})
onfocus获取焦点
user. onfocus=function(){user. style.background=' yellow '}
失去焦点onblur
function blurFn(){user.style.background= " red '}
onchange用户改变域的内容
let car=document.queryselector( '#car')function changeFn(){
alert(car.value)
alert(car.childNodes[ 1].innerHTML)
value值是后台所需要的值，如果想传给后台，请把value属性写上需要传的值
onreset这个只能作用在form标签中,使用这事件，除了默认的可以清除表单外，还可以做一些清除表单之后的事情，比如把输入框的背景颜色改回来
et resrtId=document.queryselector( '#resrtId ')
let formId=document.queryselector( '#formId ')
