2017年09月_sinat_32290679

原创原生js事件批量绑定-事件委托

我们常常会遇到一个需求，就是给表格里面的每个特定的td绑定一个事件.遇到这种需求，很多人基本都是直接上如下代码： var td = document.getElementsByTagName("td"); for( let i =0; i<td.length; i++){ td[i].onclick = function(){ //事件处理 }

2017-09-20 13:01:23 7409

原创 css3选择器(全）

1元素选择符E1~E2 选择前面有E1元素的 E2元素,两个元素可间隔其他元素。2属性选择符E[attribute^=”value”] 选择特定属性值以value开头的E元素。E[attribute$=”value”] 选择特定属性值以value结束的E元素。E[attribute*=”value”] 选择特定属性值以包含value值的E元素。伪类选择符E:first-of-t

2017-09-19 12:33:08 528

原创 Html5之datalist-自动匹配的的表单输入

datalist是Html5新增的标签，主要用于自动匹配表单的可能的输入datalist将用户可能输入的值，放在option列表里，当用户在对应的表单输入的时候，可以根据输入的关键字自动匹配option列表的内容，也可以输入option里不存在的值。用法如下<input list="browsers" name="browser">//表单的list属性指定对应datalist<datalist

2017-09-19 10:44:40 4731 2

原创 Javascirpt超简单求数组元素的最大值

一提到求数组的最大值，很快有人就写出了如下代码var a = [1,2,3,4,5,3,10,6,7,8];findMax(a); //10function findMax(arr){ var max = arr[0]; for(let i=1 ;i<arr.length; i++){ if(arr[i]>max){ max=arr[i]; } }

2017-09-14 23:02:32 357

原创 javascript易错题

1var x=new Boolean(false);if(x){ //x此时为对象，Boolean(对象)==true alert("hi");}var y=Boolean(0); //数值0，Boolean(0)==false;if(y){ alert("hello");}知识点： if(flag){}//会先将flag执行转换操作，即if(Boolean(flag

2017-09-04 16:57:34 505

原创 preventDefault 和stopPropagation

stopPropagation()阻止事件在DOM层进一步传播IE下可以使用以下方式达到相同目的event.cancelBubble=true;//阻止事件进一步冒泡，IE只有事件冒泡阶段preventDefault()阻止特定事件的默认行为例如在a标签的点击事件里使用event.preventDefault();可以防止在点击连接后跳转到指定的url. IE下可以使用以下方式达到相同目的even

2017-09-03 18:37:46 253

原创 label元素浅析

1.相信很多人都使用过label标签，那么label标签到底是起到了什么作用呢？下面就来聊聊label标签的作用。要知道一个标签的作用是啥，最好的办法是看官方文档。下面是官方文档对label标签的解释The label element represents a caption in a user interface. The caption can be associated with a spec

2017-09-03 10:58:02 1414

sinat_32290679的博客