Cherish599的博客

三大家族：offset、scroll、client. 1、offset：偏移、补偿、位移 offset 系列是 js 中的一套获取元素尺寸的便捷办法。 （1）offsetWidth和offsetHeight（检测盒子自身宽高+padding+border） offsetWidth = width + padding + border； offsetHeight = Height + paddin...

依靠touch相关事件，根据触摸位置的改变，改变对应元素的位移translate 1、 怎么监听位置的改变？ 2、 怎么计算当前位置的坐标 3、 计算为之一再设置滑动 触摸点的集合 记录触摸点的 changedTouches 当前最新改变的触摸点集合 整个事件都会有changedTouches记录 targetTouches 记录当前元素上面的所有触摸点集合 touchend没有记录 tou...

touch事件 移动端特有事件，换句话说，触屏设备特有事件，Android，iOS设备 前三个很重要，需要牢牢掌握。 touchstart 手指刚刚触摸到屏幕处触发的事件 touchmove 手指在屏幕上滑动的时候，会不停地触发 touchend 手指离开屏幕的时候触发 touchcancel 被迫终止（比如说突然来电）滑动，触发的事件 怎么绑定这些事件 绑定：on 但是第二...

1.DOM查询 通过具体的元素节点来查询 元素.getElementsByTagName() 通过标签名查询当前元素的指定后代元素 元素.childNodes 1. 获取当前元素的所有子节点 2. 会获取到空白的文本子节点 元素.children 获取当前元素的所有子元素 元素.firstChild 获取当前元素的第一个子节点 元素.lastChild 获取当前元素的最后一个子...

DOM对CSS的操作 1、 读取和修改内联样式 使用style属性来操作元素的内联样式 读取内联样式： 语法：元素.style.样式名 例子： 元素.style.width 元素.style.height 注意：如果样式名中带有-，则需要将样式名修改为驼峰命名法将-去掉，然后-后的字母改大写。 比如：background-color --> backgroundColor borde...

1.对象（Object） 对象是JS中的引用数据类型 对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性 使用typeof检查一个对象时，会返回object 创建对象 方式一： var obj = new Object(); 方式二： var obj = {}; 向对象中添加属性 语法： 对象.属性名 = 属性值; 对象[“属性名”] = 属性值; 对象的属性...

DOM 1. 节点及其类型: 1). 元素节点 2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作. 3). 文本节点: 是元素节点的子节点, 其内容为文本. 4). documnet 2. 在 html 文档的什么位置编写 js 代码? 0). 直接在 html 页面中书写代码. <button id="button" onclick="alert('hello world...

Event 对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 事件句柄　(Event Handlers) HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之...

HTML DOM Document 对象 Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 Document 对象集合 Document 对象属性 Document ...

JavaScript HTML DOM 通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型) 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树： 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScr...

BOM ECMAScript 是 JavaScript 的核心，但如果要在 Web 中使用 JavaScript，那么 BOM（浏览器对象模型）则无疑才是真正的核心。 BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。多年来，缺少事实上的规范导致 BOM 有很多问题，因为浏览器提供商会按照各自的想法随意去扩展它。 W3C 为了把浏览器中JavaScript 最基本的部分标...