JS滚动页面

最新推荐文章于 2025-04-02 00:02:01 发布

原创

最新推荐文章于 2025-04-02 00:02:01 发布 · 1.3k 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文围绕JavaScript前端开发展开，介绍了环境对象、回调函数、事件流等知识。包括事件捕获与冒泡、阻止冒泡和解绑事件的方法，还涉及鼠标效果、事件委托、阻止默认行为等。此外，讲解了页面加载、滚动、尺寸等事件，以及获取HTML标签、元素尺寸与位置的方式，还有控制滚动页面和属性选择器的应用。

环境对象

环境对象指的是函数内部特殊的变量this，他代表当前函数运行时所处的环境
谁调用，this就指向谁

回调函数

如果将函数A作为参数传递给函数B，则称A为回调函数

// input中所有被选中的
input:checked

事件流

事件捕获
从dom的根元素开始执行对应事件（从外到里）

dom.addEventListener(事件类型，事件处理函数，是否使用捕获机制)
<!-- 第三个参数为true代表捕获阶段触发，false代表冒泡阶段,不写默认false
 -->

冒泡
从下到上调用所有父级元素的同名事件

    <script>
      const fa = document.querySelector('.fa');
      const son = document.querySelector('.son');
      document.addEventListener('click', function(){
     
     
          alert('我是爷爷')
      })
      fa.addEventListener('click', function(){
     
     
          alert('我是爸爸')
      })
      son