JS通用总结(类型齐全,有你想要的)

JS总结第一天1.js的数据类型：字符串（string）、数字（number）、布尔（boolear）、数组（array）、对象（object）、undefined和null2.JS的数据常量：constant:不变的值3.JS的变量:变量的命名必须以字母或者下划线开始，可以跟字母数字下划线，但是不能有空格和特殊符号。整数变量x=100，数组变量y=”100”，JS变量声明用Var.4.JS的基本对象：字符串对象String日期对象Date数组对象Array数字对象Number数学对象Math正则表达式对象Regexp。第二天JS的赋值、运算、比较、流程控制1.变量的声明赋值：Varwidth;赋值width=50px;可以先声明再赋值，也可是声明的同时进行赋值。2.运算算术运算符：+-*/++--赋值运算符：=+=-=*=/=%=3.比较比较运算符：====!=逻辑运算符：&&||!!字符串连接运算符:+三目运算符：条件?语句:4.流程控制顺序结构：程序按照正常情况下的书写顺序执行选择结构：通过判断语句对不同的条件判断后进一步执行，通常有If语句（二选一执行）和Switch语句（从多条中选择其一执行）。If{}If{}Else{}If(条件1){}Elseif(条件2){}Setich{case1;break;case2;break;defult;循环结构：需要重复执行的的多行程序代码；主要有For循环和While循环While(条件){执行的代码}Do{执行的代码}while(条件);注意：循环语句中的条件为false时循环会结束，为了给for和while循环语句加入更多的使用程序，可以加入break和continue语句来改变循环的流程。Break中断循环，continue开始下一次循环。第三天JS数组1.定义数组一维数组：Var数组名=newArray([size]);两种方法，可以将数组单独列出size[0]=”1”;Size[1]=”2”;方法二直接全部写出来var数组名=newArray(“0”,”1”,.....);，数组的长度可以小于元素实际长度，也可以大于元素实际长度。二维数组var数组名=newArray([“1”,”2”],[“4”,”5”]);另一种方法vararr=newArray();arr[0]=newArray(0);Arr[0][0]=”1”;....2.访问数组数组遍历：利用for语句来访问数组中的元素：vararr=newArray(1,2,3,4,5,6);for(vari=0;ilength;i++){alert(arr[i])}3.数组的常用属性和方法Length在数组中表示数组的长度，属性值大于任何一个索引，增大数组最大索引号会增大数组length;4.多维数组Join[]放入另一个字符串Pop[]删除并返回数组的最后一个元素Push[]向数组的末尾添加一个或者多个元素，并且返回新的长度Shift[]删除并返回数组的第一个元素Unshift[]向数组的开头添加一个或者多个元素，并且返回新的长度Reverse[]颠倒数组的元素顺序Sort[]对数组的元素进行排序Concat[]链接两个或者多个数组，并返回结果Slice[]从某个已有的数组返回选定的元素Splice[]删除元素，并向数组添加新元素多维数组类似二位数组5.排序有Sort排序法和冒泡排序法Sort可以将数组从大到小或者从小到大进行排序冒泡排序法按照数组元素的大小自动排序，大的最后，小的排前面第四天JS函数，对象、类，定时器1.函数匿名函数：Function(参数){需要执行的代码}，注意参数用,分开。带有返回值的函数用function(){Varx=4;Returnx;}有名字的在functionmyfunction（）{}2.对象对象具有属性和方法：对象属性方法对象看得见摸得着3.类类是具有相同的属性和方法的对象，是抽象的例如创建一个学生类varstudent=new类名();具体使用：对象名.属性对象名.方法4.定时器SetTimeout():一次性setInterval()：可以定期触发使用window对象的SetTimeout()方法：window.SetTimeout(“function()”,delay),它接受两个参数一个是要执行的代码，一个是延迟的毫秒数。清除定时器则用clearTimeout();使用方法document.onclick=function(){window.clearTimeout(id);第五天字符串操作、JSON、this关键字1.字符串charAt()返回指定位置的字符charCodeAt()返回指定位置的unicode编码Search()用于检索字符串中指定的字符串Replace()查找匹配指定的字符串，然后用新字符串代替匹配字符串Concat()把两个或者多个字符串组合起来，返回一个新的字符串Slice()提取字符串的一部分，并反馈一个新的字符串，俩个参数，一个起始位置，一个终止位置（留头不留尾），如果没有end就取到末尾Indexof()返回字符串中一个子串的第一处索引Lastindexof()返回字符串一个子串的最后一处索引Substring()返回字符串的一个子串，传入参数是起始位置和始末位置（留头不留尾）Length返回字符串的长度Tolowercase()将整个字符串转换成小写Touppercase()将整个字符串转换成大写转义字符\2.JSON书写格式{“name”:“xiaoming”,“age”:“22”,“email”:[e-mail]};取值用.来取值JSON.name和字符串之间的转换JSON.stringfy(json)JSON.parse(str)JSON有浅拷贝和深拷贝3.This关键字是函数运行自动生成的内部对象，只能在内部使用纯粹的函数调用、作为对象方法的调用、作为构造函数调用修改指向的方法：Call(thisObj,Object)Apply(thisObj,[argArray])第六天Math对象、Date对象、正则表达式1.Math对象语法：Math.属性名属性：E自然对数的底数LN2返回2的自然对数LN10返回10的自然对数LOG2E返回以2为底e的对数LOG10E返回以10为底的e的对数PI返回圆周率SQRT1_2返回返回2的平方根的倒数SQRT2返回2的平方根常用方法（Math.方法名）abs(x)返回数的绝对值；ceil(x)对数进行上取整；floor(x)对数进行下取整；max(x,y)返回x和y中的最高值；min(x,y)返回x和y中的最低值；round(x)把数四舍五入为最接近的整数pow(x,y)返回x的y次幂random()返回0~1之间的随机数sqrt(x)返回数的平方根其他例如三角函数的方法如下：sin(x)返回数的正弦、asin(x)返回数的反正弦值cos(x)返回数的余弦、acos(x)返回数的反余弦值tan(x)返回角的正切、atan(x)返回x的反正切值atan2(y,x)返回从x轴到点(x,y)的角度（介于-PI/2与PI/2弧度之间）2.Date对象创建语法：varmyDate=newDate();属性constructor返回对Date函数的引用属性protype可以向Date添加属性和方法获取时间：getDate()/getDay()/getMonth()/getfullYear()getHours()/getMinutes()/getSeconds()/getMillseconds()设置时间：setDate()/setHours().....其他一些方法：toSource()返回该对象的源代码toString()把Date对象转换为字符串toTimeString()把Date对象的时间部分转换为字符串toDateString()把Date对象的日期部分转换为字符串toUTCString()根据世界时，把Date对象转换为字符串3.正则表达式使用单个字符串来描述匹配一系列符合某句法的字符串通常用来测试字符串、替换文本、从字符串中提取一个子字符串声明的方法varmyRegExp=/内容/或者newRegExp(“内容”)常用方法:test(),匹配一个字符串是否符合正则规则，成功，则返回truematch(),找到一个或多个正则表达式的匹配replace(),替换与正则表达式匹配的子串search(),检索与正则表达式相匹配的值split(),把字符串分割为字符串数组全局匹配,修饰符g语法：/..../g直接量字符：任意字符：[abc]范围：[a-z]、[0-9]排除：[^a]组合：[a-z0-9A-Z]正则表达式的使用符：\n换行符；\r回车符；\t制表符；\f换页符；\cX与X对应的控制字符；\v垂直制表符；\b退格符；\o空字符；量词：{n,m}至少出现n次，最多m次；{n,}至少次；*任意次；?零次或者一次{0,1};+一次或者任意次；{n}整好n次；\s匹配一个空白字符；\S匹配一个非空白字符；\b独立部分；\B非独立部分；\1第一个匹配子项的重复匹配；.匹配除换行符外任意一个字符；\d匹配数字0-9；\D匹配非数字字符；\w匹配字母数字和下划线；\W匹配除字母数字下划线之外的字符；^匹配起始位置；$匹配始末位置；选择分组与引用：分组用();[\u4e00-\u9fa5]匹配中文^\s*|\s*$行首行尾空格^\w+@[a-z0-9]+(\.[a-z]+){1,3}$EMAIL[a-zA-z]+://[^\s]*网址[1-9][0-9]{4,9}QQ号[1-9]\d{5}邮政编码[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x身份证号第七天DOM文档对象类型1.DOM树HtmlHeadBodyTitleah1Href2.DOM获取节点id获取getElementById语法：node.getElementById(id);class获取getElementsByClassName语法：node.getElementsByClassName(class);标签名获取getElementsByTagName语法：node.getElementsByTagName(“h1);3.查看节点类型语法：nodeObject.[nodeType][nodeName][nodeValue]；4.常用属性：className类名;offsetWidth宽;offsetHeight高;offsetLeftoffsetTop获取距离第一个定位父节点左上角的距离;创建节点createElement()5.子节点的增删改appendChild在DOM子集最后添加子节点;insertBefore在指定的已有子节点之前插入新的子节点;removeChild删除一个节点;replaceChild替换节点;6.DOM属性获取与设置获取方法：element[attributename]element.attributenamegetAttribute(attributename)设置属性：setAttribute(attributename,attributevalue)删除属性：removeAttribute(attributename)第八天DOM节点查找、事件1.节点查找children子节点，不包含空节点childNodes子节点，不包含空节点firstChild第一个子节点，包含空节点firstElementChild第一个子节点，不包含空节点lastChild最后一个子节点，包含空节点lastElementChild最后一个子节点，不包含空节点nextSibling下一个兄弟节点，包含空节点nextElementSibling下一个兄弟节点，不包含空节点previousSibling前一个兄弟节点，包含空节点previousElementSibling前一