07 2021 档案
摘要:forEach(value,index,array)方法从头到尾遍历数组,为每个元素调用指定的函数. 用法: //forEach 迭代(遍历)数组 var arr1 = [1,2,3] arr1.forEach(function(value,index,array) { //参数1:元素值 参数2:
阅读全文
摘要:数组方法之添加元素: push()在数组后面添加一个元素或者多个元素; 用法: var arr = []; arr.push(1); arr.push(2,3,4); console.log(arr); //1,2,3,4 unshift()在数组前面添加一个元素或多个元素; 用法: var arr
阅读全文
摘要:这三个系列中offset常用于获取元素的位置;client常用于获取元素的大小;scroll常用于获取滚动距离。 区别:offset返回的是自身内容,包括边框和内容区域的宽度,返回数值不带单位。 client返回的是内容区域加padding的宽度,不含边框,返回数值不带单位。 scroll:返回自身
阅读全文
摘要:运用到的知识点:setInterval定时器;clearInterval清除定时器;offset系列中offsetLeft; 原理分析: 首先我们创建一个animate(obj,target)函数,这个函数用来封装我们的缓动效果,其中两个形参分别是要运动的对象元素obj和它的最终位置target;
阅读全文
摘要:location.hostname 返回 web 主机的域名。 location.pathname 返回当前页面的路径和文件名。 location.port 返回 web 主机的端口。 location.protocol 返回所使用的 web 协议(http: 或 https:)。 location
阅读全文
摘要:history.back();和浏览器中的点击向后按钮相同。 history.forward(); 和浏览器中点击向前按钮相同。 history.go(num); 其中num为正数是向前跳转num个页面,为负数则是向后退num个页面,将num置为0则相当于刷新页面。
阅读全文
摘要:onkeydown:某个键盘被按下。 onkeypress:某个键盘按键被按下并松开。 onkeyup:某个键盘被松开。
阅读全文
摘要:onclick事件:当用户点击某个对象调用的事件句柄(事件处理函数)。 ondblclick:当用户双击某个对象时候调用的事件句柄。 onmousedown:鼠标被按下。 onmouseup:鼠标按键被松开。 onmouseenter:鼠标指针移动到元素上面时触发。 onmouseleave:当鼠标
阅读全文
摘要:首先先了解鼠标的三个事件: mousedown:鼠标按下时触发事件。 mousemove:鼠标移动时出发的事件。 mouseup:鼠标弹起时触发的事件。 原理: 通过鼠标按下触发事件获取鼠标在盒子中的位置,既鼠标坐标减去盒子的坐标得到鼠标在盒子中的坐标x,y;鼠标的坐标为e.pageX,e.page
阅读全文