总结JS常用方法与片段.docx

总结JS常用方法与片段.docx

《总结JS常用方法与片段.docx》由会员分享，可在线阅读，更多相关《总结JS常用方法与片段.docx（7页珍藏版）》请在冰豆网上搜索。

总结JS常用方法与片段

『总结』JS常用方法与片段

1.javascript删除元素节点IE中有这样一个方法:

removeNode（），这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了removeNodeisnotdefined，但是在核心JS中有一个操作DOM节点的方法叫：

removeChild（）。

我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。

我们可以定义一个方法叫removeElement：

functionremoveElement（_element）{var_parentElement=_element.parentNode;if（_parentElement）{_parentElement.removeChild（_element）;}}2.jssort方法根据数组中对象的某一个属性值进行升序或者降序排列/**数组根据数组对象中的某个属性值进行排序的方法*使用例子：

newArray.sort（sortBy（'number'）,false）//表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序*@paramattr排序的属性如number属性*@paramrevtrue表示升序排列，false降序排序**/sortBy:

function（attr,rev）{//第二个参数没有传递默认升序排列if（rev==undefined）{rev=1;}else{rev=（rev）?

1:

-1;}returnfunction（a,b）{a=a[attr];b=b[attr];if（areturnrev*-1;}if（a>b）{returnrev*1;}return0;}}3.charCodeAt（）用法：

charCodeAt（）方法可返回指定位置的字符的Unicode编码。

这个返回值是0-65535之间的整数

语法：

stringObject.charCodeAt（index）

index参数必填，表示字符串中某个位置的数字，即字符在字符串中的下标。

注：

字符串中第一个字符的下标是0。

如果index是负数，或大于等于字符串的长度，则charCodeAt（）返回NaN。

例如：

varstr='Helloworld!

'document.write（str.charCodeAt

（1））//结果：

1014.js页面刷新location.reload和location.replace的区别小结reload方法，该方法强迫浏览器刷新当前页面。

语法：

location.reload（[bForceGet]）

参数：

bForceGet，可选参数，默认为false，从客户端缓存里取当前页。

true,则以GET方式，从服务端取最新的页面,相当于客户端点击F5（“刷新”）replace方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。

语法：

location.replace（URL）在实际应用的时候，重新刷新页面的时候，我们通常使用：

location.reload（）或者是history.go（0）来做。

因为这种做法就像是客户端点F5刷新页面，所以页面的method=”post”的时候，会出现“网页过期”的提示。

那是因为Session的安全保护机制。

可以想到：

当调用location.reload（）方法的时候，aspx页面此时在服务端内存里已经存在，因此必定是IsPostback的。

如果有这种应用：

我们需要重新加载该页面，也就是说我们期望页面能够在服务端重新被创建，我们期望是NotIsPostback的。

这里，location.replace（）就可以完成此任务。

被replace的页面每次都在服务端重新生成。

你可以这么写：

location.replace（location.href）

参考地址：

//falseisFinite（-1）//trueisFinite（true）//trueisFinite（NaN）//false6.parseInt（）parseInt方法用于将字符串转为整数。

parseInt（'123'）//123如果parseInt的参数不是字符串，则会先转为字符串再转换。

如果字符串头部有空格，空格会被自动去除。

字符串转为整数的时候，是一个个字符依次转换，如果遇到不能转为数字的字符，就不再进行下去，返回已经转好的部分。

parseInt（'8a'）//8parseInt（'12**'）//12parseInt（'12.34'）//12parseInt（'15e2'）//15parseInt（'15px'）//15面代码中，parseInt的参数都是字符串，结果只返回字符串头部可以转为数字的部分。

如果字符串的第一个字符不能转化为数字（后面跟着数字的正负号除外），返回NaN。

parseInt（'abc'）//NaNparseInt（'.3'）//NaNparseInt（''）//NaNparseInt（'+'）//NaNparseInt（'+1'）//1parseInt的返回值只有两种可能，不是一个十进制整数，就是NaN。

parseInt方法还可以接受第二个参数（2到36之间），表示被解析的值的进制，返回该值对应的十进制数。

默认情况下，parseInt的第二个参数为10，即默认是十进制转十进制。

parseInt（'1000',2）//8parseInt（'1000',6）//216parseInt（'1000',8）//512面代码中，二进制、六进制、八进制的1000，分别等于十进制的8、216和512。

这意味着，可以用parseInt方法进行进制的转换。

如果第二个参数不是数值，会被自动转为一个整数。

这个整数只有在2到36之间，才能得到有意义的结果，超出这个范围，则返回NaN。

如果第二个参数是0、undefined和null，则直接忽略。

parseInt（'10',37）//NaNparseInt（'10',1）//NaNparseInt（'10',0）//10parseInt（'10',null）//10parseInt（'10',undefined）//10如果字符串包含对于指定进制无意义的字符，则从最高位开始，只返回可以转换的数值。

如果最高位无法转换，则直接返回NaN。

parseInt（'1546',2）//1parseInt（'546',2）//NaN上面代码中，对于二进制来说，1是有意义的字符，5、4、6都是无意义的字符，所以第一行返回1，第二行返回NaN。

7.parseFloat（）parseFloat方法用于将一个字符串转为浮点数。

parseFloat（'3.14'）//3.14如果字符串符合科学计数法，则会进行相应的转换。

parseFloat（'314e-2'）//3.14parseFloat（'0.0314E+2'）//3.14如果字符串包含不能转为浮点数的字符，则不再进行往后转换，返回已经转好的部分。

parseFloat（'3.14morenon-digitcharacters'）//3.14parseFloat方法会自动过滤字符串前导的空格。

parseFloat（'\t\v\r12.34\n'）//12.34如果参数不是字符串，或者字符串的第一个字符不能转化为浮点数，则返回NaN。

parseFloat（[]）//NaNparseFloat（'FF2'）//NaNparseFloat（''）//NaN面代码中，尤其值得注意，parseFloat会将空字符串转为NaN。

这些特点使得parseFloat的转换结果不同于Number函数。

parseFloat（true）//NaNNumber（true）//1parseFloat（null）//NaNNumber（null）//0parseFloat（''）//NaNNumber（''）//0parseFloat（'123.45#'）//123.45Number（'123.45#'）//NaN8.charAt（）charAt（）方法可返回指定位置的字符。

请注意，JavaScript并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为1的字符串。

语法：

stringObject.charAt（index）注释：

字符串中第一个字符的下标是0。

如果参数index不在0与string.length之间，该方法将返回一个空字符串。

例子，在字符串“Helloworld!

”中，我们将返回位置1的字符：

varstr='Helloworld!

'document.write（str.charAt

（1））//e9.toFixed（）vara=2.1512131231231321;console.log（a.toFixed

（2））;//2.1510.join（）join（）方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

语法：

arrayObject.join（separator）//separator：

可选。

指定要使用的分隔符。

如果省略该参数，则使用逗号作为分隔符。

注意：

返回的是一个字符串。

例如：

vararr=newArray（3）arr[0]='George'arr[1]='John'arr[2]='Thomas'document.write（arr.join（'.'））输出：

George.John.Thomas11.split（）语法：

stringObject.split（separator,howmany）separator：

必需。

字符串或正则表达式，从该参数指定的地方分割stringObject。

howmany：

可选。

该参数可指定返回的数组的最大长度。

如果设置了该参数，返回的子串不会多于这个参数指定的数组。

如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值：

一个字符串数组，String.split（）执行的操作与Array.join（）执行的操作是相反的。

'2:

3:

4:

5'.split（':

'）//将返回['2','3','4','5']'|a|b|c'.split（'|'）//将返回['','a','b','c']如果您希望把单词分割为字母，或者把字符串分割为字符，可使用下面的代码：

'hello'.split（''）//可返回['h','e','l','l','o']若只需要返回一部分字符，请使用howmany参数：

'hello'.split（'',3）//可返回['h','e','l']12.indexOf（）indexOf（）方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法：

stringObject.indexOf（searchvalue,fromindex）searchvalue：

必需。

规定需检索的字符串值。

fromindex：

可选的整数参数。

规定在字符串中开始检索的位置。

它的合法取值是0到stringObject.length-1。

如省略该参数，则将从字符串的首字符开始检索。

indexOf（）方法对大小写敏感！

如果要检索的字符串值没有出现，则该方法返回-1。

varstr='Helloworld!

'document.write（str.indexOf（'Hello'）+'

'）document.write（str.indexOf（'World'）+'

'）document.write（str.indexOf（'world'））输出：

0-16操作DOM也可能用上：

varelems=node.getElementsByTagName（'*'）;for（vari=0;i13.lastIndexOf（）lastIndexOf（）方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

语法：

stringObject.lastIndexOf（searchvalue,fromindex）searchvalue：

必需。

规定需检索的字符串值。

fromindex：

可选的整数参数。

规定在字符串中开始检索的位置。

它的合法取值是0到stringObject.length-1。

如省略该参数，则将从字符串的最后一个字符处开始检索。

lastIndexOf（）方法对大小写敏感！

如果要检索的字符串值没有出现，则该方法返回-1。

varstr='Helloworldworld!

'console.log（str.lastIndexOf（'Hello'））;//0console.log（str.lastIndexOf（'World'））;//-1console.log（str.lastIndexOf（'world'））;//12console.log（str.lastIndexOf（'world',9））;//614.call（）和apply（）语法：

obj1.method1.call（obj2,argument1,argument2）如上，call的作用就是把obj1的方法放到obj2上使用，后面的argument1..这些做为参数传入．

例子：

functionadd（a,b）{alert（a+b）;}functionsub（a,b）{alert（a-b）;}add.call（sub,3,1）;//4这个例子中的意思就是用add来替换sub，add.call（sub,3,1）==add（3,1），所以运行结果为：

alert（4）;看一个稍微复杂一点的例子：

functionClass1（）{this.name='class1';this.showNam=function（）{alert（this.name）;}}functionClass2（）{this.name='class2';}varc1=newClass1（）;varc2=newClass2（）;c1.showNam.call（c2）;//class2注意，call的意思是把c1的方法放到c2上执行，原来c2是没有showNam（）方法，现在是把c1的showNam（）方法放到c2上来执行，所以this.name应该是class2，执行的结果就是：

alert（”class2”）;怎么样，觉得有意思了吧，可以让a对象来执行b对象的方法，这是java程序员所不敢想的。

还有更有趣的，可以用call来实现继承functionClass1（）{this.showTxt=function（txt）{alert（txt）;}}functionClass2（）{Class1.call（this）;}varc2=newClass2（）;c2.showTxt（'cc'）;这样Class2就继承Class1了，Class1.call（this）的意思就是使用Class1对象代替this对象，那么Class2中不就有Class1的所有属性和方法了吗，c2对象就能够直接调用Class1的方法以及属性了，执行结果就是：

alert（“cc”）;对的，就是这样，这就是javaScript如何来模拟面向对象中的继承的，还可以实现多重继承。

functionClass10（）{this.showSub=function（a,b）{alert（a-b）;}}functionClass11（）{this.showAdd=function（a,b）{alert（a+b）;}}functionClass2（）{Class10.call（this）;Class11.call（this）;}很简单，使用两个call就实现多重继承了

当然，js的继承还有其他方法，例如使用原型链，这个不属于本文的范畴，只是在此说明call的用法

说了call，当然还有apply，这两个方法基本上是一个意思

区别在于call的第二个参数可以是任意类型，而apply的第二个参数必须是数组。

参考地址：

方法用于提取字符串中介于两个指定下标之间的字符。

语法：

stringObject.substring（start,stop）start：

必需。

一个非负的整数，规定要提取的子串的第一个字符在stringObject中的位置。

stop：

可选。

一个非负的整数，比要提取的子串的最后一个字符在stringObject中的位置多1。

如果省略该参数，那么返回的子串会一直到字符串的结尾。

返回值：

一个新的字符串，该字符串值包含stringObject的一个子字符串，其内容是从start处到stop-1处的所有字符，其长度为stop减start。

1.substring（）方法返回的子串包括start处的字符，但不包括stop处的字符。

2.如果参数start与stop相等，那么该方法返回的就是一个空串（即长度为0的字符串）。

如果start比stop大，那么该方法在提取子串之前会先交换这两个参数。

3.与slice（）和substr（）方法不同的是，substring（）不接受负的参数。

varstr='Helloworld!

'console.log（str.substring（3））;//loworld!

console.log（str.substring（3,7））;//low16.toString（）toString（）方法可把一个逻辑值转换为字符串，并返回结果。

javascript中的toString（）方法，主要用于Array、Boolean、Date、Error、Function、Number等对象。

（1）Array.toString（）：

将数组转换成一个字符串，并且返回这个字符串。

描述：

当数组用于字符串环境中时，javascript会调用这一方法将数组自动转换成一个字符串。

toString（）在把数组转换成字符串时，首先要将数组的每个元素都转换成字符串（通过调用这些元素的toString方法）。

当每个元素都被转换成字符串时，它就以列表的形式输出这些字符串，字符串之间用逗号分隔。

返回值与没有参数的jion（）方法返回的字符串相同。

例如：

vararr=['php','mysql','apache'];console.log（arr.join（））;//php,mysql,apacheconsole.log（arr.toString（））;//php,mysql,apache

（2）Boolean.toString（）：

将布尔值转换为字符串。

描述：

根据原始布尔值或者Boolean对象的值返回字符串“true”或“false”。

例如：

varb=newBoolean（）;//boolean对象默认值为falseconsole.log（b.toString（））;//falseconsole.log（（'chia'=='chia'）.toString（））;//true（3）Date.toString（）：

将Date对象转换成一个字符串，采用本地时间。

vartoday=newDate（）;console.log（today）;//TueMar28201709:

16:

27GMT+0800（中国标准时间）console.log（today.toString（））;//TueMar28201709:

16:

27GMT+0800（中国标准时间）console.log（today.toLocaleString（））;//2017/3/28上午9:

16:

27注意：

toLocaleString（）是返回采用地方日期使用地方日期格式的规范的字符串。

（4）Error.toString（）：

将Error对象转换成字符串描述：

实现定义的字符串。

ECMAScript标准除了规定该方法的返回值是字符串外，没有再做其他规定。

尤其是，它不要求返回的字符传包含错误名和错误信息。

（5）Function.toString（）：

把函数转换成字符串描述：

可以以一种与实现相关的方法将函数转换成字符串。

在大多数的实现中，例如ie和firefox，它返回Function关键字、参数列表、函数体部分。

functionadd（a,b）{vara,b,c;c=a+b;returnc;}console.log（add.toString（））;结果：

functionadd（a,b）{vara,b,c;c=a+b;returnc;}（6）Number.toString（）：

将数字转换为字符串。

用它的参数指定的基数或底数（底数范围为2-36）。

如果省略参数，则使用基数10。

当参数值为2时，返回二进制数。

vara=34;console.log（a.toString（））;//34console.log（a.toString

（2））;//100010console.log（a.toString（8））;//42console.log（a.toString（16））;//22参考地址：

可接受一个指定的Unicode值，然后返回一个字符串。

语法：

String.fromCharCode（numX,numX,...,numX）numX：

必需。

一个或多个Unicode值，即要创建的字符串中的字符的Unicode编码。

注释：

该方法是String的静态方法，字符串中的每个字符都由单独的数字Unicode编码指定。

它不能作为您已创建的String对象的方法来使用。

因此它的语法应该是String.fromCharCode（），而不是myStringObject.fromCharCode（）。

例如，我们将根据Unicode来输出“HELLO”和“ABC”：

document.write（String.fromCharCode（72,69,76,76,79））document.write（'

'）document.write（String.fromCharCode（65,66,67））18.substr（）方法substr（）方法可在字符串中抽取从start下标开始的指定数目的字符。

语法：

stringObject.substr（start,length）参数描述start必需。

要抽取的子串的起始下标。

必须是数值。

如果是负数，那