JavaWeb入门学习笔记--JS篇

JavaScript概述1认识JavaScript1.1JavaScript是什么JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言；特点：脚本语言，基于对象，简单性，安全性，动态性，跨平台；1.2JavaScript与Java的区别Java程式语言，JS可嵌入到web页面中，基于对象和事件驱动的解释性语言，二者区别：1.3第一个JS程序title第一个JS/titlescripttype=text/javascript!--//一下是代码；alert(我的第一程序js点击);document.write(centerh3document.write()的说明/h3:brdocument是指当前的html文档,使用JavaScript脚本中的document对象的write方法,br是文档对象输出函数!/center);document.close();//--/script/head将JavaScript标识放置Head.../Head在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；可以将JavaScript标识放置在Body.../Body主体之间以实现某些部分动态地创建文档。我们也可以把JavaScript代码保存在独立的文件中(扩展名为.js),在Html中引入这个文件；bodyscriptsrc=importJs.js/scriptJS基于对象；解释；弱变量；动态绑定；嵌入方式：在html中用Script.../Script来标识；代码为文本字符格式，可直接嵌入html也可动态装载；JAVA面向对象；编译；强变量；静态绑定；嵌入方式：在html中用applet.../applet来标识；代码格式，与html无关，通过引用外媒那样装载；1.4JS中的关键字1.5基本数据类型1.数值：（整数和实数）2.字符串型：（用“”号或‘’括起来的字符或数值）3.转义字符：“\”开头：如\'单引号）4.布尔型：使True或False表示5.空值：null，空值不等于字符串””或0；6.未定义值：当使用了一个未声明，或者已声明但未赋值的变量时，返回一个未定义值（undefined）1.6表达式和运算符同其他语言，表达式是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等1.7js的基本构成基本构成是由控制语句、函数、对象、方法、属性等1.8控制语句if()elseswitch(){caser1:[break;]caser2:[defaut:]}for(;;){}1.9函数function函数名（参数）{函数体;.return表达式;}由关键字function定义，检测参数个数；ScriptLanguage=JavaScriptfunctionTestArgLen(a,b,c,d,e){len=TestArgLen.arguments.length;if(len0){alert(a=+a);}···if(len4){alert(e=+e);}}TestArgLen(5,7,9);document.write(运行结束!);document.close();/Script/head调用函数：scripttype=text/javascriptfunctionmyfunction(){alert(你好!这里函数调用的运行结果!)}/script/headbodyforminputtype=buttononclick=myfunction()value=调用函数/form1.10事件驱动及处理在JavaScript中对象事件的处理通常由函数(Function)担任，其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。function事件处理名（参数列表）{事件处理语句集；……}JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件：js常用事件onblur发生在窗口失去焦点；应用于：window对象onchange在文本输入区的内容被更改，然后焦点从文本输入区移走之后；用于实时检测输入的有效性，或者立刻改变文档内容。应用于：Password对象；Select对象；Text对象；Textarea对象onclik对象被单击；应用于：Button；Checkbox；Image；Link；Radio；Reset；submitonerror发生错误时；应用于：window对象onfocus发生在窗口得到焦点时；应用于：window对象；onload发生在文档下载完毕时；应用于：window对象；若在html中，则写在body中onmousedown发生错误时；应用于：window对象onmouseout发生在窗口得到焦点时；应用于：window对象；onmouseover文档下载完毕时；用于：window对象；onreset表单重置时；returnfalse值可阻止表单重置；应用于：form对象onresize发生在窗口被调整大小时；应用于：window对象；onsubmit发生在表达提交按钮被单击时；false可阻止；应用于：form对象；onmouseup发生鼠标放在对象上，按下后，放开鼠标时；若按下后，鼠标并不在放开鼠标的对象上，本事件不发生；应用于：button；link对象onunload发生在用户退出文档（或关闭窗口），应用于：window对象；若在html中，则写在body中2JS对象基础知识2.1js对象基本结构JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素构成的；2.2有关对象操作语句在JavaScript中提供了几个用于操作对象的语句和关键字及运算符；2.2.1for...in语句格式如下：for（对象属性名in已知对象名）该语句的功能是用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的,该语句的优点是无需知道对象中属性的个数即可进行操作。functionshowData(object)for(vari=0;i30;i++)document.write(object[i])该函数是通过数组下标顺序值，来访问每个对象的属性，使用这种方式首先必须知道数组的下标值，否则若超出范围，则就会发生错误；如使用for...in语句，则根本不需要知道对象属性的个数，如下：functionshowData(object){for(varpropinobject)document.write(object[prop]);}使用该函数时，在循环体中，for自动将的属性取出来，直到最后为此。2.2.2with语句在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。withobject{...}例：with(Math)document.write(cos(35));document.write(cos(80));若不使用with则引用时相对要复杂些：document.write(Math.cos(35))document.write(Math.sin(80))2.2.3this关键字this是对当前的引用2.2.4New运算符创建对象使用如下格式：Newobject=NEWObject(Parameterstable);Newobject创建的新对象：object是已经存在的对象；parameterstable参数表2.3JS常用对象2.3.1String字符串对象(1)属性:属性:描述length字符串对象.length；返回该字符串的长度(2)常用方法方法描述charAt()字符串对象.charAt(位置)；返回该字符串位于第位置位的单个字符charCodeAt()返回该字符串位于第位置位的单个字符的ASCII码。indexOf()字符串对象.indexOf(另一个字符串对象[,起始位置])；该方法从字符串对象中查找另一个字符串对象（如果给出起始位置就忽略之前的位置），如果找到了，就返回它的位置，varstr=SZNSSchoolsisgreat!varpos=str.indexOf(School)lastIndexOf()字符串对象.lastIndexOf(另一个字符串对象[,起始位置])；跟indexOf()相似，不过是从后边开始找。substring()字符串对象.substring(始[,终])；返回原字符串的子字符串，终-始=返回字符串的长度（length）。如果没有指定终或指定得超过字符串长度，则子字符串从始位置一直取到原字符串尾。substr()字符串对象.substr(始[,长])；返回原字符串的子字符串，该字符串是原字符串从始位置开始，长度为长的一段。其他同上。split()字符串对象.split(分隔符字符)；返回一个数组，该数组是从字符串对象中分离开来的，分隔符字符决定了分离的地方，它本身不会包含在所返回的数组中。例如：'1&2&345&678'.split('&')返回数组：1,2,345,678。toLowerCase()字符串对象.toLowerCase()；返回把原字符串所有大写字母都变成小写的字符串toUpperCase()小写变大写；scripttype=text/javascriptvarstr=(HelloJavaScripters!)document.write(str.toUpperCase())//小写变大写；match()字符串对象.match()；在源字符串中查找指定子串；若存在，返回指定字串,如不存在返回null；varstr=SZNSSchoolsisgreat!;document.write(str.match(great));anchor(name)为字符串对象中的内容两边加上html的aname=name/a标签big()为字符串对象中的内容两边加上html的big/big标签bold()为字符串对象中的内容两边加上html的b/b标签fontcolor为字符串对象中的内容两边加上html的font/font标签，并设置color属性，fontsize(size)为字符串对象中的内容两边加上html的font/font标签，并设置size属性，localeCompare(s)用特定比较方法比较字符串与s字符串，若字符串相等，则返回0，否则返回非0数字值。replace()string.replace(regExp,substring);替换一个与正则表达式匹配的子串，regExp正则表达式，substring用于指定替换文本或生成替换文本的函数，$具有特殊含义，2.3.2Array数组对象(1)定义方法：var数组名=newArray(size);(2)属性length用法：数组对象.length；返回数组的长度，即数组里有多少个元素。它等于数组里最后一个元素的下标加一.(3)常用方法：方法描述sort()数组对象.sort([方法函数])；按指定方法排序，若不指定，按字母排序；按升序排列数字：functionsortMethod(a,b){returna-b;}myArray.sort(sortMethod);按降序排列数字：把上面的“a-b”该成“b-a”。join()数组对象.join(分隔符)；返回一个字符串，该字符串把数组中的各个元素串起来，用分隔符置于元素与元素之间,如果不指定分割符默认用”,”连接。类似字符串的split(