摘要：
在触发DOM上绑定的事件时，会产生一个事件对象event，这个对象中包含着与事件相关的信息，不同的事件包含的信息也有所不同。 获取事件对象 event对象是事件程序的第一个参数 属性 不同的事件类型，事件对象包含的信息也有所不同，但有一些属性和方法是共有的 type type表示被触发的事件类型 c 阅读全文
摘要：
事件是网页中某个特定的瞬间，通常由用户主动触发。但实际上也可以使用JavaScript触发特定的事件，这就是接下来要介绍的事件模拟 引入 假设现在有按钮一和按钮二两个按钮，按钮一绑定了特定监听函数，现在需要点击按钮二的时候也能触发按钮一的监听函数，可以这么做 btn2通过事件复制，拥有了同btn1一 阅读全文
摘要：
前面两篇文章介绍了offset偏移和client客户区，本篇scroll滚动是元素尺寸相关文章的最后一篇 滚动宽高 scrollHeight scrollHeight表示元素的总高度，包括由于溢出而无法展示在网页的不可见部分 scrollWidth scrollWidth表示元素的总宽度，包括由于溢 阅读全文
摘要：
在HTML中引入CSS有三种方式：行内样式、内部样式、外部样式。内部样式和外部样式分别是通过<style>和<link>标签引入的，它们都属于CSSStyleSheet类型。前文介绍的行内样式属于CSSStyleDeclaration类型 CSSStyleSheet CSSStyleSheet是一个 阅读全文
摘要：
脚本化CSS，指的是使用JS操作CSS；脚本化行内样式，指的是用JS操作行内样式，行内样式也叫作内联样式 基础 元素节点提供style属性，用来操作CSS行内样式，style属性指向CSSStyleDeclaration对象 <div id="box" style="width: 30px;heig 阅读全文
摘要：
定义 DOM遍历模块定义了用于辅助完成顺序遍历DOM结构的类型：Nodeiterator和TreeWalker，它们能够基于给定的起点对DOM结构执行深度优先(depth-first)的遍历操作 示例HTML <!DOCTYPE html> <html> <head> <title>Example< 阅读全文
摘要：
事件处理程序又叫事件侦听器，指的是事件绑定的函数。事件处理程序有HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序三类 HTML事件处理程序 某个元素支持的每种事件，都可以使用一个与之相应事件处理程序同名的HTML特性来指定 在事件处理程序函数内部，this值等于事件的目标元素 在 阅读全文
摘要：
JS与HTML的交互是通过事件实现的，事件是指文档或浏览器窗口中发生的一些特定的交互瞬间，事件流描述的是从网页中接受事件的顺序 为什么会有事件流？举个例子，页面上有个按钮，当点击按钮的时候不仅仅是触发了按钮的click，同时触发了文档的click，因为按钮是文档的一部分。事件流分为事件冒泡流和事件捕 阅读全文
摘要：
客户区大小client指的是元素内容及其内边距所占据的空间大小 客户区大小 和客户区大小相关的属性有四个：clientHeight、clientWidth、clientTop和clientLeft clientHeight clientHeight属性返回元素节点的客户区高度 clientWidth 阅读全文
摘要：
偏移量主要是指offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。偏移参照的是定位父级offsetParent 定位父级 定位父级(offsetParent)值的是与当前元素最近的经过定位(position不等于static)的父级元素，主要分为下列 阅读全文