BOM
文章平均质量分 79
coder-lxy
这个作者很懒,什么都没留下…
展开
-
动画函数
1 动画实现原理**核心原理:**通过定时器setInterval()不断移动盒子位置。实现步骤:获得盒子当前位置让盒子在当前位置加上1个移动距离利用定时器不断重复这个操作加一个结束定时器条件注意此元素需要添加定位,才能使用element.style.left// 1. 获得盒子当前位置 div.offsetLeft// 2. 使用div.style.left更改盒子的位置...原创 2020-04-05 10:09:43 · 574 阅读 · 0 评论 -
mouseenter和mouseover的区别
mouseenter鼠标事件当鼠标移动到元素上时就会触发mouseenter事件类似mouseover,两者区别是mouseover鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter只会经过自身盒子触发。原因是:mouseenter不会冒泡跟mouseenter搭配的鼠标离开事件 mouseleave同样不会冒泡<div class="father"> ...原创 2020-04-04 21:47:48 · 255 阅读 · 0 评论 -
offset、client 和 scroll三大系列的属性及其作用
1. 元素偏移量 offset 系列1.1 offset 概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的值都不带单位。offset系列常用属性element.offsetParent:返回作为该元素带有定位的父级元素,如果父级都没有定位则返回...原创 2020-04-04 21:34:11 · 943 阅读 · 0 评论 -
立即执行函数,及其两种写法
立即执行函数1. 什么是立即执行函数?立即执行函数是不需要调用,马上能够自己执行的函数2. 立即执行函数的写法( function() { }) ()(function() { console.log(2)})();//这个小括号可以看做是调用函数里面可以写实参(function(a) { cnsole.log(a)// 打印1 a是形参})(1)// 1为实...原创 2020-04-04 20:38:43 · 1105 阅读 · 0 评论 -
BOM概述及其顶级对象window的属性和方法
1.BOM概述1.1 什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多属性和方法BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的变准化组织是W3C,BOM最初是Netscape浏览器标准的一部分DOM...原创 2020-04-04 10:51:27 · 1476 阅读 · 0 评论