javascript基础知识大全便于大家学习,也便于我自己查看

上传人:第*** 文档编号:61714534 上传时间:2018-12-10 格式:PDF 页数:24 大小:139.66KB
返回 下载 相关 举报
javascript基础知识大全便于大家学习,也便于我自己查看_第1页
第1页 / 共24页
javascript基础知识大全便于大家学习,也便于我自己查看_第2页
第2页 / 共24页
javascript基础知识大全便于大家学习,也便于我自己查看_第3页
第3页 / 共24页
javascript基础知识大全便于大家学习,也便于我自己查看_第4页
第4页 / 共24页
javascript基础知识大全便于大家学习,也便于我自己查看_第5页
第5页 / 共24页
点击查看更多>>
资源描述

《javascript基础知识大全便于大家学习,也便于我自己查看》由会员分享,可在线阅读,更多相关《javascript基础知识大全便于大家学习,也便于我自己查看(24页珍藏版)》请在金锄头文库上搜索。

1、1.javascript 的数组 API 复制代码 代码如下: /定义数组 var pageIds = new Array(); pageIds.push(A); 数组长度 pageIds.length; /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

2、/注:在 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:返回一个新数组,是将参数添加到原数组中构

3、成的 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;

4、 /同 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): 返

5、回从原数组中指定开始下标到结束下标之间的项组成的 新数组 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“ 2.dom 最常用 API 复制代码 代码如下: document 方法: getElementById(id) Node 返回指定结点的引用 getEl

6、ementsByTagName(name) NodeList 返回文档中所有匹配的元素的集合 createElement(name) Node Node createTextNode(text) Node 创建一个纯文本结点 ownerDocument Document 指向这个节点所属的文档 documentElement Node 返回 html 节点 document.body Node 返回 body 节点 element 方法: getAttribute(attributeName) String 返回指定属性的值 setAttribute(attributeName,value)

7、String 给属性赋值 removeAttribute(attributeName) String 移除指定属性和它的值 getElementsByTagName(name) NodeList 返回结点内所有匹配的元素的集合 node 方法: appendChild(child) Node 给指定结点添加一个新的子结点 removeChild(child) Node 移除指定结点的子结点 replaceChild(newChild,oldChild) Node 替换指定结点的子结点 insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点 ha

8、sChildNodes() Boolean 如果结点有子结点则返回 true node 属性: nodeName String 以字符串的格式存放结点的名称 nodeType String 以整型数据格式存放结点的类型 nodeValue String 以可用的格式存放结点的值 parentNode Node 指向结点的父结点的引用 childNodes NodeList 指向子结点的引用的集合 firstChild Node 指向子结点结合中的第一个子结点的引用 lastChild Node 指向子结点结合中的最后一个子结点的引用 previousSibling Node 指向前一个兄弟节点

9、;如果这个节点就是兄弟节点,那 么该值为 null nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该 值为 null 3.网上搜藏的一个 map 对象: 复制代码 代码如下: function HashMap() /* Map 大小 */ var size = 0; /* 对象 */ var entry = new Object(); /* 存 */ this.put = function (key , value) if(!this.containsKey(key) size + ; entrykey = value; /* 取 */ this.get

10、= function (key) return this.containsKey(key) ? entrykey : null; /* 删除 */ this.remove = function ( key ) if( this.containsKey(key) /* 是否包含 Key */ this.containsKey = function ( key ) return (key in entry); /* 是否包含 Value */ this.containsValue = function ( value ) for(var prop in entry) if(entryprop =

11、value) return true; return false; /* 所有 Value */ this.values = function () var values = new Array(); for(var prop in entry) values.push(entryprop); return values; /* 所有 Key */ this.keys = function () var keys = new Array(); for(var prop in entry) keys.push(prop); return keys; /* Map Size */ this.siz

12、e = function () return size; /* 清空 */ this.clear = function () size = 0; entry = new Object(); var map = new HashMap(); /* map.put(“A“,“1“); map.put(“B“,“2“); map.put(“A“,“5“); map.put(“C“,“3“); map.put(“A“,“4“); */ /* alert(map.containsKey(“XX“); alert(map.size(); alert(map.get(“A“); alert(map.get(

13、“XX“); map.remove(“A“); alert(map.size(); alert(map.get(“A“); */ /* 同时也可以把对象作为 Key */ /* var arrayKey = new Array(“1“,“2“,“3“,“4“); var arrayValue = new Array(“A“,“B“,“C“,“D“); map.put(arrayKey,arrayValue); var value = map.get(arrayKey); for(var i = 0 ; i 4.常用的数字函数: 复制代码 代码如下: 数字型(Number) 1.声明 var i

14、 = 1; var i = new Number(1); 2.字符串与数字间的转换 var i = 1; var str = i.toString(); /结果: “1“ var str = new String(i); /结果: “1“ i = parseInt(str); /结果: 1 i = parseFloat(str); /结果: 1.0 /注意: parseInt,parseFloat 会把一个类似于“32G“的字符串,强制转换成 32 3.判断是否为有效的数字 var i = 123; var str = “string“; if( typeof i = “number“ ) /

15、true /某些方法(如:parseInt,parseFloat)会返回一个特殊的值 NaN(Not a Number) /请注意第 2 点中的注意,此方法不完全适合判断一个字符串是否是数字型! i = parseInt(str); if( isNaN(i) ) 4.数字型比较 /此知识与字符串比较相同 5.小数转整数 var f = 1.5; var i = Math.round(f); /结果:2 (四舍五入) var i = Math.ceil(f); /结果:2 (返回大于 f 的最小整数) var i = Math.floor(f); /结果:1 (返回小于 f 的最大整数) 6.格式化显示数字 var i = 3.14159; /格式化为两位小数的浮点数 var str = i.toFixed(2); /结果: “3.14“ /格式化为五位数字的浮点数(从左到右五位数字,不够补零) var str = i.toPrecision(5); /结果: “3.1415“ 7.X 进制数字的转换 /不是很懂 -.- var i = parseInt(“0x1f“,16); var i = parseInt(i,10); var i = parseInt(“11010011“,2); 8.随机数 /返回 0-1 之间的任意小数 var rnd = Math.r

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 办公文档 > 解决方案

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号