javascript学习总结

javascript学习总结1.JavaScript中的对象分为3种。（1）JavaScript的内置对象常用的有Date,Array,String,Math,对象,这些都是经常会用到的，一定要掌握好。（2）文档对象模型(DocumentObjectModel,DOM)这个对象表示了当前浏览器的多个组件和当前的HTML文档。DOM我认为是JS中最重要的一个对象，通过他可以获得任何一个HTML元素，1.通过document.form1.name得到，这种是浏览器支持的dom对象，不属于js，2.咱们经常用的是document.getElementById(name),这种是w3c组织制定的一级DOM对象标准。（3）自定义对象我总认为js的自定义对象没必要用，如果你是按照面向对象的编程思想，那么应该用Java，而不是用js的对象。2.DOM对象,history以及location为了操控浏览器和文档，js使用分层的父对象和子对象，这就是DOM。这些对象的组织类似一个树形结构，并表示一个Web文档的所有内容组件。Window是所有对象的父对象document对象几种常用方法document.URL：指明了文档的URL地址。不可改变，如果需要给用户不同的地址应该用window.location对象document.write:列出了当前页面的标题document.referrer:用户所浏览的上一个页面的URL地址。document.lastModified：文档最后修改日期document.cookie允许读取和设置一个文档的cookiehistory对象的几种常用方法history.length();保存了历史列表的长度history.go();打开历史列表中一个网址，要指定一个正数或者负数。history.back();历史列表中的前一个网址，相当于后退按钮。historay.forward();历史列表中的后一个网址，相当于后退按钮。location对象的几种常用方法location.protocol:网址的协议部分---httplocation.hostname:网址的主机名---网址的端口号---80location.pathname:网址的文件名部分---tese.dolocation.search:网址的查询部分---lines=1location.hash:网址中使用的anchor名---#anchorlocation对象的两个方法location.reload()刷新当前文档，浏览器中的刷新按钮。location.replace()替换一个新的位置3.JavaScript中的变量名称，表达式，运算符，数据类型变量名称，表达式，运算符，和Java中差别不大，就不多加叙述了数据类型1.数字：整数，浮点数2.布尔值：真，假。3.字符型：字符串对象4.空值，null。parseInt()----将一个字符串转换为整数值。parseFloat----将一个字符串转换为浮点小数字符串中有一些常用的方法，如subString,charAt等，与Java中的很像，就不叙述了4.JavaScript中的函数函数定义的最佳位置是文档中的head部分，因为head部分语句会首先执行。函数中可以带有参数列表，但是参数都没有类型，也不需要在定义函数的时候声明返回值，想有返回值的话，直接return即可，和Java不同。如：Js代码1.functiongreet(who){2.alert(“Gadsden”+who);3.return“asdasd”;4.}5.JavaScript中的对象他和Java中的对象很相似，之前我曾说不需要用到他，用Java的就够了，昨天看了一个人的文章，说你要想用好一门语言，就要尊重这门语言，就像现在的JavaScript，如果简单的把他当做一门脚本语言，那可能只能停留在入门和初级阶段。如何扩展内置对象使用prototype关键字，可以向现有对象中添加属性和方法。例如：Js代码1.scripttype=text/javascriptlanguage=JavaScript2.functionaddHead(level){3.html=H+level;4.text=this.toString();5.start=+html+;6.end=/+html+;7.returnstart+text+end;8.}9.String.prototype.heading=addHead;10.document.write(thisisatest.heading(1));11.document.write(thisisatest.heading(2));12.document.write(thisisatest.heading(3));13./script这样就为String对象又新增添了一个方法，heading，并指明每次调用heading的时候，他都会去调用addHead方法。6.JavaScript中的DataMath等内置对象他们与Java中的又是很相似，不多介绍了，有一个关键字需要说说，就是with。with关键字制定一个对象，后面跟着括在大括号中的一大块语句。对于块语句中的每一条语句，没有指定对象的属性都将被假定为该对象的属性。如：Js代码1.scripttype=text/javascriptlanguage=JavaScript2.a=niechao;3.with(a){4.window.alert(长度是+length)5.document.write(toUpperCase());6.}7./script注:这里不用在定义a的时候带有类型信息，如Stringa=“niechao”;这样会报错，如果非要加上，也只能是vara=“niechao”;7.JavaScript中使用第三方程序库每个程序库都有自己的名字，一般的名字是xxx.js，包含到你要用的jsp页面里就行了。Js代码1.scripttype=text/javascriptlanguage=JavaScriptsrc=prototype.js现在流行的有几种，比如：ext,jquery,dojo等，老一辈的也有prototype这些。选一种合适自己的就行了，自己用着顺手的，可以满足项目需要的，我暂时选的而是jquery。8.JavaScript中的事件相应不必使用标签来定义事件处理函数可以不在HTML中指定时间处理函数，而是使用JavaScript把一个函数指定为事件处理函数1.首先找到元素的对象，使用obj=document.getElementById(aa)2.定义一个函数，把该函数指定为事件处理函数，Js代码1.functionmousealert(){2.alert();3.}4.bj.onclick=mousealert;JavaScript中由属性，方法，事件组成对象，许多常用的事件处理函数都是document对象中的属性。9.JavaScript中使用event对象要是用event对象，可以把他传递给事件处理程序函数。Js代码1.bodyonKetPress=”getKey(event)”2.functiongetKey(e){火狐和IE，对event的处理方式不同，火狐是直接自动传递的，IE是将最近发生的事件存放在window.event对象中。所以很多函数的开头，一般都是Js代码1.functiongetKey(e){2.if(!e)e=window.event;3.}它检查了是否已经定义了e，若未定义，它将获取window.event对象，并将其存入e，这样确保任何一个浏览器中都会得到一个有效的event对象。以下是IE4.0及更高版本的一些常用event对象属性1.event.button：按下的鼠标键。对于鼠标左键，属性值为1，对于鼠标右键，属性值为22.event.clientX:事件发生位置的x轴坐标（列，以像素为单位）3.event.clientY:事件发生位置的y轴坐标（行，以像素为单位）4.event.altkey:该标志表示事件发生时是否按下Alt键5.event.ctrlkey:该标志表示事件发生时是否按下Ctrl键6.event.shiftkey:该标志表示事件发生时是否按下Shift键7.event.keyCode：所按键的键码（用Unicode表示）8.event.srcElement:元素出现的对象以下是Netscape4.0及更高版本的一些常用event对象属性1.event.modifiers:表示事件发生时按下了哪一个修饰键(Shift,Ctrl,Alt)。该属性是一个整数，表示不同键的2进制的组合2.event.pageX:事件在网页中x轴坐标3.event.pageY:事件在网页中y轴坐标4.event.which:键盘事件键码，或者鼠标事件按下的键5.event.button:按下的鼠标按键，其原理与IE一样，只是左键的属性值为0，右键为26.event.target:元素出现的对象10.JavaScript中使用鼠标事件鼠标事件中的几个函数(他们都属于document对象)1.onMouseOver:鼠标指针移动到链接上时被调用2.onMouseOut:鼠标移出对象边缘时被调用3.onMouseMove:只要鼠标移动，就会触发(浏览器在，默认情况下不支持，需要使用事件捕捉技术)4.onClick:鼠标按键何时被单击，如果onClick事件处理程序返回false，则链接不会被打开（如果对象是一个链接）Js代码1.ahref==return(window.confirm('Areyousure?'));Clickhere/a5.onDblClick:鼠标按键何时被双击6.onMouseDown:按鼠标按键时7.onMouseUp:松开鼠标按键时注意：单击鼠标左键，会发生3个事件，onMouseDown,onMouseUp,onClick。观察鼠标点击超链接时，触发的对象：Html代码1.html2.headtitleSimplejsppage/title/head3.body4.h2ahref=#id=testlinkTestLink/a/h25.formname=form16.textarearows=10cols=70name=info/textarea7./form8.scripttype=text/javascriptlanguage=JavaScriptsrc=click.js/script9./body10./htmlJs代码1.functionmousestatus(e){2.if(!e)e=window.event;3.btn=e.button;4.whichone=(btn2)?left:right;5.message=e.type+:+whichone+\n;6.document.form1.info.value+=message;7.}8.obj=document.getElementById(testlink);9.obj.onmousedown=mousestatus;10.obj.onmouseup=mousestatus;11.obj.onclick=mousestatus;12.obj.ondblclick=mousestatus;11.JavaScript中使用键盘事件可以通过event知道用户按下的是哪个键，它会在事件发生时被传递到事件处理函数，其中Firefox中存在event.which中，而IE存在event.keyCode中如果想处理实际的字符而非键码,可以使用函数转换如：Key=String.fromCharCode