js总结

js常用事件
javaScript是一种基于时间驱动型的编程语言：
1.1事件和事件句柄的关系：click，onclick 1.2事件句柄通常是某个标签的属性
1.3事件发生之后，代码才会执行，事件不发生，不会执行JS代码
1.4常见的事件如下：
事件 事件句柄 用法 blur onblur 元素失去焦点。 focus onfocus 元素获得焦点。 change onchange 域的内容被改变。 click onclick 当用户点击某个对象时调用的事件句柄。 dblclick ondblclick 当用户双击某个对象时调用的事件句柄。 keydown onkeydown 某个键盘按键被按下。 keyup onkeyup 某个键盘按键被松开。 load onload 一张页面或一幅图像完成加载。 mousedown onmousedown 鼠标按钮被按下。 mouseup onmouseup 鼠标按键被松开。 mousemove onmousemove 鼠标被移动。 mouseout onmouseout 鼠标从某元素移开。 mouseover onmouseover 鼠标移到某元素之上。 reset onreset 重置按钮被点击。 submit onsubmit 确认按钮被点击。 select onselect 文本被选中。
js闭包读取函数内部的变量，让这些变量的数值始终保存在内存中。解决函数外部无法访问函数内部变量的问题
return：表示从被调函数返回到主调函数继续执行，返回时刻附带一个值，由return后的参数决定。(把固定不变的，常用的代码封装写在类里，每次用到的时候调用就行啦。返回一个匿名函数，因为匿名函数一直用到了变量，所以没有被销毁。
this：在函数定义时确定不了，只有在执行时才可以确定，this最终指向调用它的对象this永远指向的是最后调用它的对象，就是看他执行的时候谁调用的。
fn:function(){console,log(this);}var j = fn();j();fn被变量j引用了，fn赋值给变量j时并没有执行。此时this指向windownew可以改变this关键字的指向，指向new关键字创建的对象。
DOM<文档对象模型>定义了访问 HTML 和 XML 文档的标准文档元素是文档最外面的元素，文档中其他元素都包含在里面，每个文档只有一个文档元素，HTML页面，始终是每个方框是一个节点，表示一个Node对象。
创建型：createElement创建一个元素节点，appendChild添加到接收函数中，接收createTextNode接收元素节点。cloneNode接受boolean值，表示是否复制子元素，createDocumentFragment解决大量节点时的性能问题，，不是文档树一部分，保存在内存，不会造成回流。
修改型：appendChild添加节点insertBefore添加一个节点到参照节点之前， parentNode.insertBefore(newNode,refNode); parentNode表示新节点被添加后的父节点newNode表示要添加的节点refNode表示参照节点，新节点会添加到之前。若是null，节点会添加到子元素末尾。removeChild删除节点并返回。
var deletedChild=parent.removeChild(node）；deletedChild指向被删除节点的引用，等于node，被删除的节点仍存在于内存中。replaceChild(newnode,oldnode)使用一个节点替换另一个节点。标示所有标签 事件
事件：文档或浏览器窗口发生的特定交互瞬间。事件流：描述从 页面中接收事件的先后顺序。冒泡：事件开始时，由具体的元素，div，传播到不具体的节点，文档，body，HTML， document. 捕获：不太具体的节点最早接收 到事件，最具体的节点最后接收到事件。
DOM事件流：捕获——目标——冒泡目标阶段在事件处理中被看成冒泡阶段的一部分。冒泡发生，事件传播回文档 浏览器内核渲染引擎，负责取的网页的内容HTML,图像，整理讯息css，计算网页显示方式js引擎，执行jswheelDelta是判断鼠标滚动方向的指标，区别是：wheelDelta的值为正（120.240…）则是鼠标向上；为负（-120，-240）则是向下。
onload 事件会在页面或图像加载完成后立即发生。
querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素onkeyup 事件会在键盘按键被松开时发生。onkeydown 事件会在用户按下一个键盘按键时发生。可用于判断输入内容如密码，格式是否正确。^1(3|4|5|7|8)\d{9}KaTeX parse error: Undefined control sequence: \d at position 37: …/8等的任意一个，在加上后面的\̲d̲表示数字[0-9]的9位，总共…(“pwd”).value;获得impute里面的内容。/^\w+$/， \w 包含【a-z,A-Z,_,0-9】中的字符，+代表可以有一个，或多个if(ac.test(account)&&account.length>=6&&account.length<=30||account.length==0){ $(“acmsg”).innerHTML=""; }else{ KaTeX parse error: Expected 'EOF', got '}' at position 39: …输入错误,请重新输入"; }̲}如果没有这句，在输入框为空也…/; \u4E00-\u9FA5是中文编码的开始和结束的两个值,2-4个汉字,这两个用来判断字符串中是否包含中文/^1[3456789]\d{9}KaTeX parse error: Undefined control sequence: \d at position 44: …/8等的任意一个，在加上后面的\̲d̲表示数字[0-9]的9位，总共…(“img_ul”).style.left=parseInt(left)+“px”；left要取整。var t = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;获得滚轮的y坐标，在谷歌，中间的要写才有反应。数字滚动，相当于轮播，执行一遍时，清除定时器。为了只执行一遍，可以设置一个Boolean值，执行完一遍后清除。钟表，创建时间对象，用这个对象获得小时分钟秒。var secs=clocknum(sec).toString();转化为字符 var h=hours.split("");分开，如果每个数字在不同框。函数必须通过事件或自调用才能执行。var rollul=document.getElementsByTagName(‘ul’)[1];通过这种方法获得的元素，全部元素，清除定时器：定义一个变量记录定时器的返回值，清除定时器。rollul.innerHTML=rollul.innerHTML+rollul.innerHTML;走马灯，复制一份li。旋转木马如果中间有数据，用双引号把固定性质隔开，中间用加号连接。img[i].style.transform=“rotateY(”+ideg+“deg) translateZ(350px)”;css选择器document.querySelector(CSS selectors),括号里面写css样式的类名，id名指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。clientX 事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标。js作用域：全局变量，对任何内部函数都可以访问。局部变量，只在函数内部访问。函数有自己的原型（Prototype）（原型对象）原型（prototootype）/ 原型链（proto）原型链：它是一种基于__proto__向上查找的机制当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。从 Object.prototype 继承。3D transform中有下面这几个属性：rotateX(deg),rotateY(deg),rotateZ(deg)分别代表围绕X轴，Y轴，Z轴旋转。translateX(px), translateY(px), translateZ(px)分别代表围绕X轴，Y轴，Z轴位移。transform-style: 使被转换的子元素保留其 3D 转换。perspective：定义 3D 元素距视图的距离，以像素计。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。表头作用：<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。浏览器才能获知文档类型。HTML 5charset 属性规定 HTML 文档的字符编码。字符编码也称字集码，是把字符集中的字符编码为指定集合中某一对象 以便文本在计算机中存储和通过通信网络的传递。UTF-8 - Unicode 字符编码Unicode为世界上所有字符都分配了一个唯一的数字编号，这个编号范围从 0x000000 到 0x10FFFF(十六进制)，有110多万，每个字符都有一个唯一的Unicode编号，这个编号一般写成