Javascript专业课件-第5课_第1页
Javascript专业课件-第5课_第2页
Javascript专业课件-第5课_第3页
Javascript专业课件-第5课_第4页
Javascript专业课件-第5课_第5页
已阅读5页，还剩32页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

Web编程根底第五章JavaScript根底上章回忆掌握在网页中使用CSS的方法熟悉CSS的不同选择器的使用方法熟悉CSS样式运用我们的目标理解JavaScript编程了解如何向HTML页添加JavaScript代码理解JavaScript的数据类型理解JavaScript中的运算符掌握JavaScript的流程控制5.1什么是JavaScriptJavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于效劳器的Internet应用程序可用于创立客户端脚本和效劳器端脚本由SunMicrosystems和Netscape开发，是从Netscapes的Livescript开展而来的5.1.1Javascript的特点简单性平安性动态性跨平台性5.2JavaScript的作用和根本语法规那么使用JavaScript的各种功能，可以增强站点的动态性和交互性提供用户交互动态更改内容验证数据与其他任何语言一样，JavaScript也遵循一些根本的语法规那么，如：区分大小写使用成对的符号使用空格使用注释5.3JavaScript运行时环境运行时环境客户端脚本在客户端浏览器中运行效劳器脚本在Web效劳器上运行5.4JavaScript作为客户端程序嵌入网页使用Script标记使用外部文件在事件处理程序中使用JavaScript5.4.1使用Script标记例如<html><head><script><!--对较早的浏览器隐藏脚本document.write("欢送使用JavaScript");//--></script></head><body><p>祝学有所成!!!</p></body></html>5.4.2使用外部文件例如demo.htm<html><head><scriptsrc="test.js"></script></head><body><p>祝学有所成!!!</body></html>test.jsdocument.write("嗨！你好吗？");5.4.3在事件处理程序中使用JavaScript例如<html><head><title>JavaScript例如</title></head><body><form><inputtype="button"value="你好"onClick="alert('你好！！');"></form></body></html>5.5JavaScript数据类型JavaScript仅有一种称为变体的数据类型。变体是一种特殊数据类型，可以保存不同类型的数据信息JavaScript会根据不同的应用环境而将不同地方的数据区别对待，在数字上下文中把它当作数字处理，在字符串上下文中，当作字符串处理。如果将一个不可转化为数字的字符串当作数字用时，就会出错5.5.1JavaScript变体支持的数据类型在JavaScript中变体支持四种根本类型根本类型属于弱类型数据类型描述数字型(Number)整数或实数逻辑型或布尔型(Boolean)true或false字符串型(String)如“HelloWorld”，“123.4”空型(null)表示空值的特殊关键字特殊字符 以\表示5.6JavaScript变量什么是变量所存值可以改变的量叫变量在JavaScript中，变量始终属于变体这一根本的数据类型变量的作用域全局的 在所在的脚本中可用的变量局部的在所在的子过程或函数内可以访问的变量局部变量的实际作用域与其声明的位置有关5.6.1JavaScript变量的声明声明变量在脚本中，可以使用var语句显式地声明变量。例如：varText;通过用逗号分隔每个变量名称，可以声明多个变量。例如：varTop,Bottom,Left,Right;5.6.2JavaScript变量的命名命名规那么在JavaScript中，变量名要遵循以下标准命名规那么：必须以字母或下划线(_)或$开始，随后可用字母、数字、下划线不能包含句点，不能超过255个字符不能使用保存关键字在其所声明的作用范围中必须是唯一的给变量赋值变量名=表达式变量存在的时间是其生存期5.7运算符算术运算符比较运算符逻辑运算符字符串运算符求值运算符赋值运算符5.7.1算术运算符运算符说明示例+如果操作数都是数字时执行加法运算，如果其中的操作数有字符串时，会执行连接字符串的作用A=5+8//结果是13A="5"+8//结果是"58"-减法A=8–5*乘法A=8*5/除法(不是整除)A=20/5%取余-相除之后的余数10%3=1++一元递增。此运算符只计算一个操作数，将操作数的值加1。返回的值取决于++运算符是位于操作数之前还是位于操作数之后。++x返回递增后的x值x++返回递增前的x值--一元递减。此运算符只计算一个操作数。返回的值取决于--运算符是位于操作数之前还是位于操作数之后--x返回递减后的x值x--返回递减前的x值-一元求反。此运算符返回操作数的相反数如果a等于5，则-a=-55.7.2比较运算符运算符说明示例==等于。如果两个操作数相等，则返回Truea==b!=不等于。如果两个操作数不等，则返回TrueVar2!=5>大于。如果左操作数大于右操作数，则返回TrueVar1>var2>=大于或等于。如果左操作数大于或等于右操作数，则返回TrueVar1>=5Var1>=var2<小于。如果左操作数小于右操作数，则返回TrueVar2<var1<=小于或等于。如果左操作数小于或等于右操作数，则返TrueVar2<=4Var2<=var15.7.3逻辑运算符运算符例子说明And(&&)expr1&&expr2逻辑与Or(||)expr1||expr2逻辑或Not(!)!expr逻辑非5.7.4字符串运算符x="yellow";y="green";z=x+y+"white";那么z为yellowgreenwhitew=y+9;那么w为green95.7.5求值运算符通常这些运算符包括：条件运算符：(condition)?trueVal:falseValtypeof运算符typeof运算符返回字符串，该字符串代表操作数的类型varx=5;document.write(typeof(x));status=(age>=18)?"adult":"minor"5.7.6赋值运算符赋值运算符：=varx=10;5.8表达式表达式用于在不同上下文中操作和计算变量表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值表达式类型算术 计算结果为一个数字逻辑 计算结果为一个布尔值字符串 计算结果为一个字符串赋值 表达式通过运算符组合变量和文字5.9JavaScript

选择结构有选择地执行局部代码JavaScript支持下面的选择结构单分支条件结构双分支条件结构多分支条件结构if 嵌套switch 结构5.9.1单分支条件结构条件成立执行指定代码，不成立那么跳过这些代码代码单为单语句if(条件)语句;代码多于一句if(条件){代码}5.9.2双分支条件结构条件成立执行一组代码，不成立那么执行另一组代码if(条件){ //条件成立时执行的代码}else{ //条件不成立时执行的代码}5.9.3多分支条件结构之if嵌套条件成立执行一组代码，不成立那么执行另一组if判断if(条件1){//条件1成立时执行的代码}elseif(条件2){//条件2成立时执行的代码}……elseif(条件n){//条件n成立时执行的代码}else{//所有条件都不成立时执行的代码}5.9.4多分支条件结构之switch结构语法switch(表达式){ case值: //表达式与当前值匹配时要执行的语句 break; case值: //表达式与当前值匹配时要执行的语句 break; ...... default: //其他情况时要执行的语句 break;}5.10循环结构允许代码重复执行JavaScript支持如下循环结构:计数循环：for(;;)条件循环：whiledo…while元素循环：for(in)5.10.1计数循环在给定循环次数下重复执行循环内部的代码当知道确切循环次数之后运行起来是很方便的for(始初声明;终止条件;每次变化){ //循环语句}5.10.2条件循环whileJavaScript为那些习惯使用while语句的人员提供了此语句该循环当条件为true时执行while(条件){ //循环语句}5.10.3do循环之当循环当条件为true时重复执行语句在do语句中使用While关键字可以在循环至少执行一次以后检查条件。其语法为：

do{ //循环语句}while(条件);5.10.4元素结构—for(in)循环for(in)循环用于通过集合或数组来循环语法for(元素in集合){ //循环语句}5.11函数Function函数名称〔参数名称1，参数名称2，参数名称n〕{ //代码; }本章小结(一)JavaScript是一种脚本语言，使用它可以创立客户端脚本和效劳器端脚本。JavaScript可以使网页开发人员设计出动态性更强及用户交互能力更强的网页。通过使用JavaScript的特殊效果，可以增强站点的吸引力和交互性。JavaScript可用于提供用户交互、动态更改内容、数据验证等功能。可以使用不同的方法将JavaScript语句插入到HTML文档中，如使用SCRIPT标记、将JavaScript链接到源文件等。变量的作用域由脚本中声明变量的位置决定。JavaScript支持的根本数据类型有数字型〔Number〕

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论