02 2020 档案

摘要:一. 客户区坐标位置(clientX,clientY) 鼠标事件都是在浏览器视口中的特定位置发生的。这个位置信息保存在事件对象的clientX和clientY属性中,所有浏览器都支持这两个属性。 我们知道了这个位置信息我们可以做些什么了?举个例子,有时候我们需要获取鼠标在某一个元素中的相对位置,做一 阅读全文
posted @ 2020-02-22 11:21 只会一点前端 阅读(7895) 评论(0) 推荐(2)
摘要:滚动大小(scroll dimension) 滚动大小指的是包含滚动内容元素的大小。 以下是与元素滚动内容大小相关的属性: 1. scrollWidth:在没有滚动条的情况下,元素内容的总宽度。 2. scrollHeight:在没有滚动条的情况下,元素内容的总高度。 3. scrollTop:被隐 阅读全文
posted @ 2020-02-21 17:51 只会一点前端 阅读(6520) 评论(0) 推荐(0)
摘要:元素的客户区 元素的客户区大小,指的是元素内容及其内边距所占据的空间大小。 相关属性如下: 1. clientWidth:元素内容区宽度+元素左右内边距 2. clientHeight:元素内容区高度+元素上下内边距 案例代码如下: <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2020-02-21 14:37 只会一点前端 阅读(3027) 评论(0) 推荐(0)
摘要:偏移量(offset dimension) 偏移量:包括元素在屏幕上占用的所有可见空间,元素的可见大小有其高度,宽度决定,包括所有内边距,滚动条和边框大小(注意,不包括外边距)。 以下4个属性可以获取元素的偏移量 1. offsetHeight:元素在垂直方向上占用的空间大小,以像素计。包括元素的高 阅读全文
posted @ 2020-02-21 13:17 只会一点前端 阅读(17626) 评论(2) 推荐(1)
摘要:前面说过一个完整的js实现,包括ECMAScript,BOM,DOM三部分,现在就来讲讲DOM的有关知识。 DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口)。DOM描绘来一个层次化的节点树,允许开发人员添加,移除和修改页面的某一部分。 Node类型 DOM1级定义了一个N 阅读全文
posted @ 2020-02-03 13:43 只会一点前端 阅读(395) 评论(0) 推荐(0)
摘要:常用的客户端检测方式有以下三种: 1.能力检测 2.怪癖检测 3.用户代理检测 能力检测 最常用也是最为人们广泛接受的客户端检测形式是能力检测(又称特性检测)。能力检测的目标不是识别特定的浏览器,而是识别浏览器的能力。采用这种方式不必顾及特定的浏览器如何如何,只要确定浏览器支持特定的能力,就可以给出 阅读全文
posted @ 2020-02-01 15:02 只会一点前端 阅读(426) 评论(0) 推荐(0)