viviannow / autoProject

【个人】各种资料待整理
2 stars 1 forks source link

JS-原生方法 #9

Open viviannow opened 8 years ago

viviannow commented 8 years ago

concat 将两个或多个字符的文本组合起来,返回一个新的字符串。 var a = "hello"; var b = ",world"; var c = a.concat(b); alert(c); //c = "hello,world"

indexOf 返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。 var index1 = a.indexOf("l"); //index1 = 2 var index2 = a.indexOf("l",3); //index2 = 3

charAt 返回指定位置的字符。 var get_char = a.charAt(0); //get_char = "h"

lastIndexOf 返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回 -1 。 var index1 = lastIndexOf('l'); //index1 = 3 var index2 = lastIndexOf('l',2) //index2 = 2

match 检查一个字符串匹配一个正则表达式内容,如果么有匹配返回 null。 var re = new RegExp(/^\w+$/); var is_alpha1 = a.match(re); //is_alpha1 = "hello" var is_alpha2 = b.match(re); //is_alpha2 = null substring 返回字符串的一个子串,传入参数是起始位置和结束位置。 var sub_string1 = a.substring(1); //sub_string1 = "ello" var sub_string2 = a.substring(1,4); //sub_string2 = "ell"

substr 返回字符串的一个子串,传入参数是起始位置和长度 var sub_string1 = a.substr(1); //sub_string1 = "ello" var sub_string2 = a.substr(1,4); //sub_string2 = "ello"

replace 用来查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配的字符串。 var result1 = a.replace(re,"Hello"); //result1 = "Hello" var result2 = b.replace(re,"Hello"); //result2 = ",world"

search 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。 var index1 = a.search(re); //index1 = 0 var index2 = b.search(re); //index2 = -1

slice 提取字符串的一部分,并返回一个新字符串(与 substring 相同)。 var sub_string1 = a.slice(1); //sub_string1 = "ello" var sub_string2 = a.slice(1,4); //sub_string2 = "ell" split 通过将字符串划分成子串,将一个字符串做成一个字符串数组。 var arr1 = a.split(""); //arr1 = [h,e,l,l,o] length 返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。 var len = a.length(); //len = 5

toLowerCase 将整个字符串转成小写字母。 var lower_string = a.toLowerCase(); //lower_string = "hello"

toUpperCase 将整个字符串转成大写字母。 var upper_string = a.toUpperCase(); //upper_string = "HELLO"

viviannow commented 8 years ago

shift: 删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1

unshift: 将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。

pop: 删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.pop(); //a:[1,2,3,4] b:5 //不用返回的话直接调用就可以了

push: 将参数添加到原数组末尾,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7

concat: 返回一个新数组,是将参数添加到原数组中构成的 var a = [1,2,3,4,5]; var b = a.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

splice(start,deleteCount,val1,val2,...): 从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... var a = [1,2,3,4,5]; var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4] var b = a.splice(0,1); //同shift a.splice(0,0,-2,-1); var b = a.length; //同unshift var b = a.splice(a.length-1,1); //同pop a.splice(a.length,0,6,7); var b = a.length; //同push

reverse: 将数组反序 var a = [1,2,3,4,5]; var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1]

sort(orderfunction): 按指定的参数对数组进行排序 var a = [1,2,3,4,5]; var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5] 数组方法:

slice(start,end): 返回从原数组中指定开始下标到结束下标之间的项组成的新数组 var a = [1,2,3,4,5]; var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

join(separator): 将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符 var a = [1,2,3,4,5]; var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

viviannow commented 8 years ago

滚动条: window.scroll(0,200);

viviannow commented 8 years ago

一些 DOM 对象方法

getElementById() 返回带有指定 ID 的元素。 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。 appendChild() 把新的子节点添加到指定节点。 removeChild() 删除子节点。 replaceChild() 替换子节点。 insertBefore() 在指定的子节点前面插入新的子节点。 createAttribute() 创建属性节点。 createElement() 创建元素节点。 createTextNode() 创建文本节点。 getAttribute() 返回指定的属性值。 setAttribute() 把指定属性设置或修改为指定的值。

viviannow commented 8 years ago

事件绑定 标准:该方法同时支持事件处理的捕获和冒泡阶段。 事件阶段取决于addEventListener最后的参数设置:false (冒泡) 或 true (捕获) addEventListener(event,function); removeEventlistener()

以下是IE678: 仅工作在冒泡阶段 attachEvent(event,function); detachEvent(event,function);