第1章1、JavaScript是什么JavaScript.

第1章1、JavaScript是什么JavaScript是一种描述语言，它可以被嵌入HTML的文件之中。通过JavaScript可以做到响应使用者的需求事件(如：form的输入)而不用任何的网络来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给服务器(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。你也可以想像成有一个可执行程序在你的客端上执行一样！这个可执行程序就是浏览器2、如何执行JavaScript？Netscape、InternetExpore等浏览器都有执行JavaScript的功能。3、将Javascript语法嵌入HTML文件之中以下以一些例子来学习将JavaScript写在HTML文件中，并且体会一下新语言的特性。范例1：如何用JavaScript输出一串文字至HTML文件中：htmlbodyscriptlanguage=“JavaScriptdocument.write(这是以JavaScript输出的!)/scriptbr就这么简单！/body/htmlJavascript开始与结束语句标记scriptlanguage=“JavaScriptJavaScript语句/script这个标记可放在HTML文件中任何位置范例2：htmlbodyscriptlanguage=JavaScript/*简单的例子*/!--hidescriptfromoldbrowsersalert(哈罗!);//endhidingcontents--/script/body/html注释标记:!-...-＞HTML注释标记//一行注释/*···*/多行注释JavaScript注释标记Alert()的方法，是JavaScript事先定义好的，它以对话显示信息，并有一确定按钮。JavaScript定义了许多的方法。范例3:htmlbodyscriptlanguage=JavaScriptprompt(请输入你的姓名:,)/script/body/htmlprompt()方法语法格式：prompt(“提示信息”，“初值”)怎样保留输入的信息？第2章变量与数据例：htmlbodyscriptlanguage=JavaScriptvarname=prompt(请输入你的姓名:,)document.write(欢迎你!,+name)/script/body/html变量:用来存放信息和数据,具有记忆的功能,变量可以改变,可以存放不同的数据.1.变量的定义与赋值语法格式:var变量名=数据的值功能:定义一个名字为“变量名”的变量,并且把“数据的值”赋给该变量。用“var”定义变量，用赋值运算符“=”给变量赋值。注：变量名分大小写，以字母开头，可以用下画线(_)。2、数据类型Javascript的数据类型有四种：（1）数：如12，33，3.89（2）字符串：如“你好”,“hello”“12”（3）逻辑值：只有两个，true或false。（4）空：只有null一个值，和0或空字符不同3、赋值运算符“=”表示右边的数给左边变量赋值。“+=”表示左右两边数相加，结果赋给右边变量。如x=5,y=6,x+=y“-=”表示左边数相减去右边数结果赋给左边的变量。“*=”表示左右两边数相乘，结果赋给左边的变量。“/=”表示右边的数除左边数，结果赋给左边的变量。“%=”表示右边数除左边数，余数赋给左边的变量。4、算术运算符算术运算符有：加“+”、减“-”、乘“*”、除“/”、余“%”和取负x=-x、加1“++”减1“--”等。例：vary=1y++5、字符串运算符字符串运算符只有：“+”合并运算符。例：“嗨”+“你好”6、逻辑运算符“&&”称为逻辑与，表示两边数是true时返回true,否则返回false。“||”称为逻辑或，表示两边数中任一个是true时返回flase；“！”称为逻辑非，数为true时返回false，数为false时返回true。7、比较运算符“==”，如果两边数据相等返回true;“!=”，如果两边数据不相等返回true；“”如果左边数大于右边数返回ture；“”如果左边数小于右边数返回ture；“=”如果左边数大于或等于右边数返回ture；“=”如果左边数小于或等于右边数返回ture；8、条件运算符条件运算符：？条件表达式结构：(条件)？结果1:结果2条件为真(true)时,返回结果一的值,否则返回结果一的值。例：(day==“星期六”)?“今天是周末”:“今天不是周末”9、运算符优先级优先级从高到底为：()*、/、%、+、-、=、===、!=&&||?10、表达式表达式：是变量、运算符以及其他表达式的集合。例：htmlheadscriptlanguage=javascriptvarquestion=10+20是多少?varanswer=30varx1=正确varx2=错了varx3=prompt(question,0)varoutput=(x3==answer)?x1:x2/script/headbodyscriptlanguage=javascriptdocument.write(output)/script/body/html第3章选择语句1、if-else简单结构该结构可以根据条件决定执行哪部分程序语句，哪些不执行。语法结构：if条件{JavaScript命令}else{其他命令}功能：条件成立时执行条件下面的命令，条件不成立时执行else下面的命令。例：htmlheadscriptlanguage=javascriptvarquestion=10+20是多少?varanswer=30varx1=正确varx2=错了varx3=prompt(question,0)/script/headbodyscriptlanguage=javascriptif(x3==answer){document.write(x1)}else{document.write(x2)}/script/body/html2、if-else复合结构嵌套使用if-else语句，用于复杂的情况：语法结构：if条件1{JavaScript命令if条件2{JavaScript命令}else{其他命令}更多的JavaScript命令}else{}其他命令第四章循环语句1、For循环语句语法结构：for（初始值；条件；步长）{命令集；}功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。说明：初始值：是赋予循环变量的初值；条件：是用于判别循环停止时的条件。步长：主要定义循环控制变量在每次循环时按什么方式变化。三个主要语句之间，必须使用分号分隔。例：htmlbodyScriptlanguage=JavaScriptvarname=prompt(请输入你的姓名:,name)varq=document.write(h1这是+name+喜欢的五种活动/h1)for(varI=1;I=5;I++){varsport=prompt(活动+I,活动类型);document.write(I+.+sport+br)}/script/body/html2、while循环语法格式:while（条件）{命令集}该语句与For语句一样，当条件为真时，重复循环，否则退出循环。For与while语句两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑；而while循环对复杂的语句效果更特别。例：htmlbodyscriptlanguage=javascriptvarx=prompt(输入x的值,0)vary=prompt(输入y的值,0)vara=xvarc=x*yvarq=x+*+y+是多少？while(1!=0){a=prompt(q,'0')if(a!=c){alert('你答错了！重来！')}else{break}}alert('你答对了！')/script/body/html3、break和continue语句break语句使得循环从For或while中跳出,continue语句跳过循环内剩余的语句而进入下一次循环。第五函数通常在进行一个复杂的程序设计时，总是根据所要完成的功能，将程序划分为一些相对独立的部分，每部分编写一个函数。１、JavaScript函数定义Function函数名（参数,变元）{命令块;.Return表达式;}说明：函数由关键字Function定义。函数名：定义自己函数的名字。参数表，是传递给函数使用或操作的值，其值可以是常量，变量或其它表达式。通过指定函数名（实参）来调用一个函数。必须使用Return将值返回。函数名对大小写是敏感的。htmlheadscriptlanguage=javascriptfunctionf1(){alert(欢迎使用！)}/SCRIPT/headbodyforminputtype=buttonvalue=clickitname=B3ONCLICK=f1()/form/body/html2、JavaScript的对象可以用函数建立新对象，在JavaScript中已定义了对象，如窗口window，文档document,日期date等。例：Window.statuswindows.close()A、对象的基本结构：JavaScript中的对象是由属性和方法两个基本的元素构成的。前者是对象在实施其所需要行为的过程中，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。B、定义对象实例实例名=new对象名()它是具体的新的对象，具有对象的一切方法和属性。例：日期及时间对象date功能：提供一个有关日期和时间的对象获取日期的时间方法getYear():返回年数getMonth():返回当月号数getDate():返回当日号数getDay():返回星期几getHours():返回小时数getMintes():返回分钟数getSeconds():返回秒数getTime():返回毫秒数htmlbodytableborder=2trtdwidth=100%scriptlanguage=JavaScripttoday=newDate();varday;vardate;if(today.getDay()==0)day=星期日if(today.getDay()==1)day=星期一if(today.getDay()==2)day=星期二if(today.getDay()==3)day=星期三if(today.getDay()==4)day=星期四if(today.getDay()==5)day=星期五if(today.getDay()==6)day=星期六date=今天是+(today.getYear())+年+(today.getMonth()+1)+月+today.getDate()+日+day+;document.write(CENTER+date.fontsize(3)+/CENTER);/script/td/tr/table/body/html第六章、事件驱动及事件处理１、基本概念JavaScript是基于对象的语言。基本特征，就是采用事件驱动。它是在图形界面的环境下，使得一切输入变的简单化。通常鼠标或热键的动作我们称之为事件。而由鼠标或热键引发的一连串程序的动作，称之为事件驱动而对事件进行处理的程序或函数，我们称之为事件处理程序。２、事件处理程序在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件