javascript笔记.doc

于亚洲javascript笔记 /里面代码区分大小写数组/定义一维数组javaScript中定义数组的方法以下4种：var arr = new Array()var arr = new Array(size)var arr = new Array(element1,element2,)var arr = element1,element2, /定义多维数组var arr = new Array(new Array(1,2,3,4,5),new Array(5,4,3,2,1),new Array(6,7,8,9,0),new Array(0,9,8,7,6);/数组中的方法属性名说明length获取数组元素数量方法名说明toString ()将数组转换为字符串, 元素与元素之间用逗号隔开join(“-”)将数组元素连接成字符串push(a,b,)在数组尾部添加元素concat()添加元素并生成新数组unshift(a,b)在数组头部添元素pop()删除并返回数组的最后一个元素shift()删除并返回数组的第一个元素splice(start,stop,a,b)删除、替换或插入数组元素slice(start,stop)返回数组中的一部分reverse()颠倒数组中的元素sort()将数组元素排序toLocaleString()转换为当地字符串/遍历一维数组for(var p in arr) alert(p); /显示所有索引 alert(arrp); /显示所有索引值/二维数组遍历for(var i=0;iarr.length;i+)for(var j=0;jarri.lenhth;j+)document.write(arrij+ );/数组中加数组和字符的遍历var err = new Array( 123, hello, new Array(1,2,3), 456 );for(var i=0;ierr.length;i+) if(typeof(erri)=number | typeof(erri)=string) document.write(erri+); else for(var j=0;jerri.length;j+) document.write(errij+); /数组方法使用实例var arr = new Array(); for(var i=0;i5;i+) arri = i;document.write(arr.length+); / 5 length用法document.write(arr.toString()+); /0,1,2,3,4 toString用法document.write(arr.join(-)+); /0-1-2-3-4 join用法arr.push(hello,123); /0,1,2,3,4,hello,123 push用法document.write(arr.toString()+);var brr = arr. concat(5); /0,1,2,3,4,hello,123,5 concat用法document.write(arr.toString()+);arr. unshift(-1); /-1,0,1,2,3,4,hello,123 unshift用法arr.pop(); / pop用法arr. shift(); /shift用法arr.splice(1,1); /-1, 1,2,3,4,hello,123 splice的删除用法arr.splice(1,0,0); /-1,0,1,2,3,4,hello,123 splice的添加用法arr.splice(1,1,1);/-1,1,1,2,3,4,hello,123 splice的替换用法var crr = arr.slice();/slice的用法arr.reverse()/reverse用法arr. sort();/sort用法函数/3种方法定义函数/1和3较常用1function 函数名(参数1,参数2)return 返回值2var 函数名 = new Function(参数1, 参数2, 参数3, 函数体);3var 函数名 = function(参数1,参数2) 函数体;/定义函数注意事项 函数名要有代表性 一个函数只实现一种功能 函数最好放到JavaScript代码的开头 合理的安排函数的次序 JavaScript是一种无类型的语言，不能指定函数的参数数据类型，也不能指定函数的返回值类型/函数调用JavaScript在函数定义的时候，是不会执行函数体中的语句，只有在调用函数的时候，才会执行。因此，在定义了函数之后，最重要的是如何去调用函数。调用分两种为： 直接调用 事件处理/arguments对象的应用function myFun(x)var len = arguments.length; /实参的个数，这里为3 for(i=0;ilen;i+)alert(argumentsi); /显示参数 myFun(10,20,30); /函数调用arguments.callee(x-1); /在函数内部为递归调用/函数的属性与方法在JavaScript中，函数也是一个对象，也拥有属性与方法 方法 call( ) apply( ) 属性 length：函数定义参数个数 /形参的个数 prototype：引用原型对象 Caller：判断函数调用情况 自定义属性/myFun.Caller=null;如果真则为js函数调用，否则为事件中的顶层调用/系统函数常用的JavaScript系统函数： Escape/编码函数 Unescape/解码函数 Eval/字符串转换为对象(反射) isNaN/数值判断函数,是数返加false parseInt/类型转换函数 parseFloat/类型转换函数/编解码实例var str = abc!%$#&*()-+/?/=; document.write(escape(str)+);/显示abc%7E%21%25%24%23%26*%5E%28%29-+/%3F/%3D document.write(unescape(str)+); /显示abc!%$#&*()-+/?/=对象/2种定义对象的方法1var 对象名 =属性:value, 属性:value,2function 对象名person(形参1, 形参2,)this.属性1=形参1，/该对象的属性this.属性2=形参2,this.方法=方法名1,/该对象的方法 Function 方法名1（）语句/上面对象的方法/注意var p1=new person(“zsan”,20);var p2new person(“lisi”,21);totype.a=a;/p1和p2都有a方法p1.a=a;/只有p1有该方法/遍历for(var p in person) alert(p); /显示所有属性 alert(personp); /显示所有属性值/删除对象的属性delete ;/只删除p1属性值，不删p2的/JavaScript系统对象 Object 对象 字符串对象 布尔对象 日期对象 数学对象 数字对象 Error对象/ Object 对象创建方法: new Object(); new Object(value);/如果没有为Object构造函数指定参数，JavaScript将会创建一个Object实例，但该实例并没有具体指定为哪种对象类型如果为Object构造函数指定参数，可以直接将value参数的值转换为数字对象、布尔对象或字符串对象。Object的constructor属性:var a=new Object(1);/显示function Number() native code document.write(a.constructor+);/显示对象的构造函数propertyIsEnumerable()方法var a=name:”zsan”,age:20pertyIsEnumerable(“name”);/判断name是否是a的属性isPrototypeOf()方法var myObject = new Object();document.write(Ototype.isPrototypeOf(myObject);/判断一个对象是否是另一个对象的原型对象valueOf()方法var my= new Object(铅笔);document.write(my.valueOf() + );/显示 铅笔/返回的是与对象相关的原始值，如果与对象相关的原始值不存在，则返回对象本身/日期对象 Date 1.定义:参数形式有以下种： new Date(month dd,yyyy hh:mm:ss); new Date(month dd,yyyy); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms);注意:最后一种形式，参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下：month:用英文表示月份名称，从January到Decembermth:用整数表示月份，从（月）到（月）dd:表示一个月中的第几天，从1到31yyyy:四位数表示的年份hh:小时数，从0（午夜）到23（晚11点）mm:分钟数，从0到59的整数ss:秒数，从0到59的整数ms:毫秒数，为大于等于0的整数2.方法:Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 6)。 getMonth() 从 Date 对象返回月份 (0 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date 对象的小时 (0 23)。 getMinutes() 返回 Date 对象的分钟 (0 59)。 getSeconds() 返回 Date 对象的秒数 (0 59)。 getMilliseconds() 返回 Date 对象的毫秒(0 999)。 getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 31)。 getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 6)。 getUTCMonth() 根据世界时从 Date 对象返回月份 (0 11)。 getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。 getUTCHours() 根据世界时返回 Date 对象的小时 (0 23)。 getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 59)。 getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 59)。 getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 999)。 parse() 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。 setDate() 设置 Date 对象中月的某一天 (1 31)。 setMonth() 设置 Date 对象中月份 (0 11)。 setFullYear() 设置 Date 对象中的年份（四位数字）。 setYear() 请使用 setFullYear() 方法代替。 setHours() 设置 Date 对象中的小时 (0 23)。 setMinutes() 设置 Date 对象中的分钟 (0 59)。 setSeconds() 设置 Date 对象中的秒钟 (0 59)。 setMilliseconds() 设置 Date 对象中的毫秒 (0 999)。 setTime() 以毫秒设置 Date 对象。 setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 31)。 setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 11)。 setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）。 setUTCHours() 根据世界时设置 Date 对象中的小时 (0 23)。 setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 59)。 setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 59)。 setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 999)。 toSource() 返回该对象的源代码。 toString() 把 Date 对象转换为字符串。 toTimeString() 把 Date 对象的时间部分转换为字符串。 toDateString() 把 Date 对象的日期部分转换为字符串。 toGMTString() 请使用 toUTCString() 方法代替。 1 3 toUTCString() 根据世界时，把 Date 对象转换为字符串。 toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。 toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。 toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。 UTC() 根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。 valueOf() 返回 Date 对象的原始值。 var objDate=new Date(arguments list);/数字对象的属性数字对象有五个属性： Number.MAX_VALUE /最大值 Number.MIN_VALUE /最小值 Number.NaN / Not a Number Number.POSITIVE_INFINITY /正无穷大 Number.NEGATIVE_INFINITY /负无穷大/数学对象的方法属性名描述属性名描述Math.E自然对数的底数Math.LN1010的自然对数Math.LN22的自然对数Math.LOG10E以10为底e的对数Math.LOG2E以2为底e的对数Math.PI圆周率Math.SQRT1_22的平方根的倒数Math.SQRT22的平方根Math.abs(x)X的绝对值Math.max(x,y,z)x,y,z的最大值Math.acos(x)X的反余弦值Math.min(x,y,z)x,y,z的最小值Math.asin(x)X的反正弦值Math.pow(x,y)x的y次幂Math.atan2(x,y)由X轴到坐标（y,x）的角度Math.random()0.01.0的随机数Math.ceil(x)大于或等于X的最小值Math.round(x)对X四舍五入Math.cos(x)X的余弦值Math.sin(x)X的正弦值Math.exp(x)e的X次幂Math.sqrt(x)对X开平方Math.floor(x)小于或等于X的最大值Math.tan(x)X的正切值Math.log(x)X的自然对数Math.atan(x)X的反正切值/字符串对象查找字符串的方法charAt(n)查找第n个字符charCodeAt(n)返回第n个字符的Unicode码indexOf(s,n)查找n位后s第一次出现的位置lastInexeOf(s,n)查找n位后s最后一次出现的位置match(regexp)按规则查找字符串replace(regexp,str)按规则替换字符串search(regexp)按规则查找字符串slice(start,end)截取字符串substr(start,len)截取字符串substring(start,end)截取字符串大小写转换的方法toUpperCase()大写转换toLowerCase()小写转换其他方法concat(a1,)字符串连接localeCompare(str)字符串比较split(str,limit)字符串分割，返回数组，limit参数表示数组长度限制/Error对象function myFun(x,y)var z;tryif (y=0)var myErr = new Error(除数不能为0);/定义errothrow myErr;/抛出erroz = x/y;catch(ex)z = ex.message;return z;document.write(myFun(1,0);Window对象的属性属性名描述属性名描述closed判断窗口是否已关闭defaultStatus状态栏默认文本document对文档对象的引用Status用于读写状态栏内容history对历史对象的引用Length获取窗口的框架数Frames框架集合Name读写窗口名称navigator对浏览器对象的引用Opener当前窗口的父级窗口parent对父窗体的引用Screen对屏幕对象的引用self对自身的引用top对顶级窗口的引用方法描述方法描述Alert警告对话框Prompt输入对话框Confirm确认对话框Scroll滚动窗口中的文档scrollTo按绝对值滚动窗口中的文档scrollBy按相对值滚动窗口中的文档moveBy按相对值移动窗口moveTo按绝对值移动窗口resizeBy按相对值调整窗口尺寸resizeTo按绝对值调整窗口尺寸setInterval设定代码执行周期clearInterval取消代码执行周期setTimeout设定代码延迟执行时间clearTimeout取消代码的延迟执行Open打开窗口Close关闭窗口Focus将焦点赋予窗口Blur将焦点从窗口中移走事件名描述error当执行JavaScript代码产生错误时激发的事件resize当调整窗口尺寸是激发的事件事件说明支持元素Blur失去焦点A/Label/Input/Select/TextArea/ButtonFocus获取焦点A/Label/Input/Select/TextArea/ButtonChange值被修改Input/TextArea/SelectSubmit提交事件表单Reset重置事件表单Click单击事件大多数元素Dbclick双击事件大多数元素mousedown鼠标按下大多数元素mouseup鼠标释放大多数元素mouseover鼠标移到对象上大多数元素Mousemove鼠标移到大多数元素Keypress按下并释放键盘键大多数元素Keydown按下键盘键大多数元素Keyup释放键盘键大多数元素Select选中文本Input/TextAreaLoad文档加载Body/Framesetunload文档卸载Body/Frameset/例子var text = prompt(请输入默认状态栏信息,);/输入对话框var sta=dialogWidth:310px;dialogHeight:110px;status:no;help:no; window.showModalDialog(test.html,window,sta); /模型对话框window.showModelessDialog(test.html,window,sta);/非模型对话框打开新窗口的语法：Window.open(url,windowName,features,replace)参数说明： url：新开窗口中要显示的文档路径及名称 windowName：新开窗口的名称 features：描述新窗口的特征 replace：是否替换已存在的窗口features参数有：窗口特征描述Width窗口宽度Height窗口高度Location是否显示地址栏Menubar是否显示菜单栏Resizable是否允许调整窗口尺寸Scrollbars是否显示滚动条Status是否显示状态栏Toolbar是否显示工具栏var son = window.open(test.html,新文档, );/得到子窗口，可以对其操作son.close();/关闭子窗口window.opener;/得到父窗口window.resizeTo(800,600);/限制到800*600大小id=window.setTimeout(“a()”,1000);/延时window.clearTimeout(id);id=window.setInterval(“a()”,1000);/周期性执行代码window.clearInterval(id);Window子对象/screen屏幕对象属性名说明Height屏幕的高度Width屏幕的宽度colorDepth颜色深度availHeight显示器可用的屏幕高度availWidth显示器可用的屏幕宽度/navigator浏览器对象navigator.javaEnabled()/判断浏览器是否支持并启用了Java的方法,返回布尔/例子 /各种浏览器对Navigator对象的支持有所不同 document.write(navigator.appName+);/ Microsoft Internet Explorer document.write(navigator.appVersion+);/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; InfoPath.1; .NET CLR 2.0.50727) document.write(navigator.userAgent+);/ Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; InfoPath.1; .NET CLR 2.0.50727) document.write(navigator.appCodeName+);/ Mozilla document.write(navigator.platform+);/ Win32 document.write(navigator.cookieEnabled+);/ true/history对象Back返回到上一个访问过的网址Forward返回到下一个访问过的网址Go跳转到某个已访问过的网址/location地址对象示例： /info/teacher.jsp?id=5#nProtocol返回当前文档URL的协议部分http:hostName返回当前文档URL的域名部分Port返回当前文档URL的端口号80Host返回当前文档URL的域名和端口:80Pathname返回当前文档URL的虚拟目录和文件名/info/teacher.jspHash返回当前文档URL的锚NSearch返回当前文档URL的参数部分?id=5href返回当前文档的完整URL/info/teacher.jsp?id=5#n/方法reload()重新加载当前窗口中的文档replace(b.html)替换当前窗口中装载的文档/cookie创建cookie的语法： document.cookie = “name=value”;读取cookie的语法： document.cookie;在cookie中不允许包含空格、分号、逗号等特殊符号。如果要将这些特殊符号写入cookie中，就必须在写入cookie之前，使用escape()函数将cookie值进行编码，在读取cookie时再通过unescape()函数将其还原。function setCookie() document.cookie=cookieName=+escape(myForm.myName.value); alert(unescape(document.cookie);由于cookie是存放在客户端上的文件，可以使用第三方工具来看来cookie的内容。因此，cookie并不是十分安全的。每个cookie存放的数据最多不能超过4KB。每个cookie文件最多只能存储300个cookie文档对象/文档对象的属性通用属性bgColor获取或设置文档背景色cookie读写Cookie对象domain用于指定当前文档所属Internet域fgColor获取或设置文本的默认颜色forms获取当前文档中的表单images获取当前文档中的所有图像lastModified获取当前文档最后一次修改时间links代表当前文档中的所有超链接title获取或设置当前文档的标题URL代表当前文档的URLreferrer返回链接到当前文档的HTML文档的URL/文档对象的方法方法说明clear()清除文档中的所有内容，不推荐使用close()关闭一个文档输出流，并显示文档流中的内容open()打开一个新文档write()在文档中输出数据writeln()在文档中输出数据createElement(name)创建元素createTextNode(text)创建文本元素getElementById(id) 根据ID属性获取元素getElementsByName(name)根据name属性获取元素列表getElementsByTagName(tagname)根据HTML标签名称获取元素列表appendChild(node)在某个元素中追加子元素removeChild(childreference)删除某个元素的子节点cloneNode(deepBoolean)复制节点replaceChild(newChild, oldChild)替换节点insertBefore(newElement, targetElement)在某个节点之前插入一个新节点click()执行某个元素的onclick方法/与元素相关的属性成员属性名描述childeNodes返回某个元素的所有子节点对象innerHTML设置或获取某节点的Html文本innerText设置或获取某节点的Text文本Style返回一个元素的style对象的引用 firstChild返回某个元素的第一个子节点lastChild返回某个元素的最后一个子节点parentNode返回某个元素的父节点的对象nextSibling返回某个元素的下一个兄弟节点的对象previousSibling返回某个元素的前一个兄弟节点的对象nodeName返回节点的HTML标记名称/图像对象的属性Border用于描述图片的边框，单位是pxComplete用于说明图片是否加载完毕Height用于描