摘要: Document.querySelector()获取的是单个元素 Document.querySelectorAll() 获取的是元素组 括号里可以写 div .div #div 阅读全文
posted @ 2018-12-21 10:43 不动如山田 阅读(123) 评论(0) 推荐(0) 编辑
摘要: setCapture() 全局捕获的方法 他是ie低版本所特有的。给一个元素添加了这个方法之后,无论我们在页面的那个地方触发了相同的事件,都会转移这个元素。 取消全局捕获: releaseCapture() 阅读全文
posted @ 2018-12-21 10:42 不动如山田 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 如果子元素身上绑定大量相同的事件,我们尽量采用事件委托,所有子元素把自己的事件委托给父级了。 原理:采用事件冒泡机制完成 为什么使用事件委托呢 传统的for循环绑定事件,会增加大量的dom操作(事件),影响页面性能,采用事件委托就是把所有的事件基于一个元素上 事件委托和传统的事件绑定的优势 传统的事 阅读全文
posted @ 2018-12-21 10:22 不动如山田 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 比如 a的href Href为空 会自动刷新页面 Href为# 锚点跳转 Href为javascript:;阻止默认行为的发生 Event.preventDefault?Event.preventDefault():event.returnValue=false 阅读全文
posted @ 2018-12-21 10:21 不动如山田 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 恢复内容开始 1.event.cancelBubble=true 2.event.stopPropagation?event.stopPropagation():event.cancelBubble=true 恢复内容结束 阅读全文
posted @ 2018-12-21 10:20 不动如山田 阅读(452) 评论(0) 推荐(0) 编辑
摘要: clientX和clientY是鼠标到浏览器窗口左上角的距离坐标 pageX和pageY是鼠标到网页左上角的距离坐标,但是ie低版本没有这个属性 在ie下怎么算pageY的值 用clientY+scrollTop 事件源 点击哪个元素,哪个元素就是事件源 标准浏览器的事件源是ev.target Ie 阅读全文
posted @ 2018-12-21 10:20 不动如山田 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 键盘事件 onkeydown onkeyup 键盘事件触发时,浏览器天生给方法一个叫KeyboardEvent的对象,所有键盘的信息都在这个对象上。 我们发现ev有个属性keyCode 键盘编码 document.onkeydown=function(ev){ var ev=ev||window.e 阅读全文
posted @ 2018-12-21 10:19 不动如山田 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 2.事件取消 DOM0级直接赋值null,DOM2级需要使用removeEventListener() div.onclick=function(){ console.log(123) } div.onclick=null; DOM0级取消事件 div.addEventListener("click 阅读全文
posted @ 2018-12-21 10:18 不动如山田 阅读(151) 评论(0) 推荐(0) 编辑
摘要: DOM0级事件元素绑定多个click最后只执行最后一个click。 DOM2级事件元素绑定多个click,都要执行 注意当绑定的多个事件名,函数名,事件发生阶段三者完全一样时,才执行最后一个 div.addEventListener("click",fn1,false) div.addEventLi 阅读全文
posted @ 2018-12-21 10:17 不动如山田 阅读(1655) 评论(0) 推荐(0) 编辑
摘要: (1) 二者区别 用法是一样的,就是参数形式不一样 fn.call(obj,a,b)/fn.apply(obj,[a,b]) (2) 二者代表的是将函数内的this换成obj之后然后把fn调用 Fn.bind(obj,a,b) 只是替换了this但是不调用fn,返回的还是函数 Fn.bind(obj 阅读全文
posted @ 2018-12-21 10:15 不动如山田 阅读(104) 评论(0) 推荐(0) 编辑
摘要: var arr=[45,26,15,54,36,8,4]; var num=null for(var j=arr.length-1;j>=0;j--){ //for(var k=0;k<arr.length-1;k++){ //for(var i=0;i<arr.length-k;i++){ for 阅读全文
posted @ 2018-12-21 10:15 不动如山田 阅读(87) 评论(0) 推荐(0) 编辑
摘要: Js自带的类 array number string function date math regexp boolean Math类 math对象 又研究一堆的属性和方法 阅读全文
posted @ 2018-12-21 10:14 不动如山田 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1.弧度的π Math.PI 2.返回平方根 Math.sqrt(16) 3.Math.abs(x) 返回的绝对值 4.Math.ceil(x) 返回x的上舍入 5.Math.floor(x) 返回x的下舍入 6.Math.max(a,b,c,d)返回a,b,c,d中的最大值 a,b,c,d必须是数 阅读全文
posted @ 2018-12-21 10:13 不动如山田 阅读(467) 评论(0) 推荐(0) 编辑
摘要: getDate() 返回一个月中的某一天 1-31 getDay() 返回一周中某一天0-6 getFullyear()返回四位数的年份 getMonth()返回月份 比实际情况小1 0代表1月 0-11 getHours()返回的当前的 小时数0-23 getMinutes() 返回当前的分钟数0 阅读全文
posted @ 2018-12-21 10:13 不动如山田 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 1.闭包:函数在调用的时候会形成一个私有的作用域,对内部变量起到保护的作用,这就是闭包。 2.变量销毁: 1.人为销毁 var a=12; a=null 2.自然销毁 函数调用完成之后 浏览器会自动销毁函数内的变量 3闭包作用 4.闭包的种类 1.函数式 2.对象式 5.函数返回值的问题 每个函数都 阅读全文
posted @ 2018-12-21 10:12 不动如山田 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 浏览器会给文字和图片一个默认行为,当文字和图片被选中的时候,会有一个拖拽的效果,即使我们没有人为给他添加。所以当我们点击这个元素拖拽时,有可能选中文字或图片触发浏览器天生给的那个行为,从而导致我们写的那个拖拽效果失灵。 怎么解决 setCapture() 全局捕获的方法 他是ie低版本所特有的。给一 阅读全文
posted @ 2018-12-21 10:10 不动如山田 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 正则 就是一条规则,用于检验字符串的格式,目标就是字符串。 只要要是表单提交的数据都是字符串。 就两大功能,一个是匹配,匹配成功就是true,第二个是捕获,如果有就拿出来。 Test() 用于匹配 Exec()用于捕获 怎么使用 11.字符串的方法 跟正则有关的 1.match()查找一个或多个与正 阅读全文
posted @ 2018-12-21 10:09 不动如山田 阅读(220) 评论(0) 推荐(0) 编辑