html绑定事件的方式

1.直接在标签上绑定onclick

不建议使用，因为html和js混在一起不易于维护，建议只在测试环节使用

2.获取元素绑定

<p>aaa</p>

  document.querySelector('p').onclick = function (){
        console.log(1);
    }

给当前的p标签添加点击触发的事件

3.添加事件监听

<p>aaa</p>

    document.querySelector('p').addEventListener('click',()=>{
      console.log(1);  
    })