BTC-CS-HTML-01-第8章-JavaScript基础知识课件.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《BTC-CS-HTML-01-第8章-JavaScript基础知识课件.pptx》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- BTC CS HTML 01 JavaScript 基础知识 课件
- 资源描述:
-
1、第第8 8章章 JavaScriptJavaScript基础知识基础知识本章目标本章目标u了解了解JavaScriptJavaScript起源、特征起源、特征u掌握掌握JavaScriptJavaScript程序的开发工具、运行环境、运行机制程序的开发工具、运行环境、运行机制等等u掌握掌握JavaScriptJavaScript语言规范:变量、常量、变量类型、流语言规范:变量、常量、变量类型、流程处理语句、函数定义声明、对象的创建等程处理语句、函数定义声明、对象的创建等u掌握掌握JavaScriptJavaScript常用的常用的API:JavaScriptAPI:JavaScript函数、函
2、数、JavaScriptJavaScript对象等对象等2 JavaScript JavaScript概述概述u JavaScript JavaScript的应用的应用场景场景l表单数据合法性验证。l网页特效。l交互式菜单。l动态页面。l数值计算。3 JavaScript JavaScript概述概述u JavaScript JavaScript的发展的发展历程历程l1997年 ECMAScript 1.0发布l1998 年 6 月ECMAScript 2.0发布l1999 年 12 月ECMAScript 3.0发布,取得了巨大的成功,成为通行标准l2007 年 10 月,ECMAScrip
3、t 4.0 版草案发布l2008 年 7 月,ECMA 开会决定,中止 ECMAScript 4.0 的开发发布为 ECMAScript 3.1项目代号起名为 Harmony(和谐)。会后不久,ECMAScript 3.1 就改名为 ECMAScript 5。l2009 年 12 月,ECMAScript 5.0 版正式发布。4 JavaScript JavaScript概述概述u JavaScript JavaScript的发展的发展历程历程l2011 年 6 月,ECMAscript 5.1 版发布,并且成为 ISO 国际标准(ISO/IEC 16262:2011)。l2013 年 12
4、月,ECMAScript 6 草案发布。l2015 年 6 月,ECMAScript 6 正式通过,成为国际标准。l2016年,ECMAScript 7.0版正式发布。l2017年,ECMAScript 8.0版正式发布。5JavaScriptJavaScript概述概述u JavaScript JavaScript的的特点特点l简单性l动态性l跨平台性l安全性6JavaScriptJavaScript概述概述u JavaScript JavaScript的开发与的开发与运行运行l选择一款好的开发工具让你事半功倍p文本编辑器(如:Notepad+),IDE(如:Eclipse、DreamWea
5、ver)lJavaScript的运行环境p客户端浏览器。推荐:火狐浏览器(兼容性好)。l将JavaScript嵌入网页p使用标签将语句嵌入文档p将JavaScript源文件(.js)链接到HTML文档中7JavaScriptJavaScript基本语法基本语法uJavaScriptJavaScript语句和代码语句和代码块块lJavaScript 语句是发给浏览器的命令,lJavaScript语句结束使用回车,但建议使用“;”。8document.write(Hello inspur);document.write(Hello inspuruptec);JavaScriptJavaScript
6、基本语法基本语法uJavaScriptJavaScript语句和代码语句和代码块块lJavaScript代码块是一段JavaScript代码的集合。l以左花括号开始,右花括号结束。l代码块用于在函数或条件语句中把若干语句组合起来,作用是一并地执行语句序列。9var time=new Date().getHours();if(time=8&time17)/片段1document.write(您好!);document.write(当前为工作时间);document.write(浪潮欢迎您);else/片段2document.write(很抱歉!);document.write(当前为休息时间);
7、document.write(请明天再来);JavaScriptJavaScript基本语法基本语法u标识符标识符l就是给变量、函数和对象等指定的名字。l标识符的命名规则:pJavaScript语言区分大小写,例如:Name与name是不同的标识符。p标识符首字符可以是以下划线(_)、美元符($)或者字母开始,不能是数字。p标识符中其它字符可以是下划线(_)、美元符($)、字母或数字组成的。p标识符不能是JavaScript中的关键字10JavaScriptJavaScript基本语法基本语法u变量变量l变量是一个值的符号名称,可以通过名称来获取对值的引用。l变量的声明:p如:var name
8、;l使用等号向变量赋值:p如:name=“tom”;lavaScript是弱类型的语言,可以改变变量的数据类型p如:name=20;11var 变量名;JavaScriptJavaScript基本语法基本语法u变量变量l变量的命名约定p变量名必须以是合法的标识符p变量名最好可以表达变量代表的实际意义或与之相关p变量名称对大小写敏感(比如:name和Name是不同的变量)l变量的作用域p程序源代码中定义变量的区域,即变量的可访问范围。p局部变量定义在方法体内,只能在函数内部访问。p全局变量声明在方法体外,拥有全局作用域。12JavaScriptJavaScript基本语法基本语法u变量类型变量类
9、型l变量的数据类型:p基本的数据类型有:数字型、字符串型、布尔型p复杂的数据类型:数组、对象p特殊的数据类型:Null、Undefinedl数字型:表示整数值和浮点数值p数字序列就是一个十进制的整数。如:123p十六进制的数字以“0 x”或“0X”开头,如:0 x25ffffp浮点数,如:3.1415、0.66666、1.46783E-3213JavaScriptJavaScript基本语法基本语法u变量类型变量类型l字符串:是使用单引号或双引号包起来的零个至多个字符,单引号与双引号必须成对出现,而且单双引号可嵌套使用。p如:”abc”、中文。l有些特殊的符号不能通过使用单引号括起来的方式赋值
10、给一个字符串变量,需要使用转义字符“”。14字符字符说明说明b后退一格,相当于Back Space键t制表符,相当于Table键n换行f换页r接受键盘输入,相当于按下了回车键表示一个斜杠表示单引号表示双引号JavaScriptJavaScript基本语法基本语法u变量类型变量类型l布尔型:又称为逻辑类型,只有true和false两个值,分别代表逻辑中的“真”和“假”。p只能用作布尔运算。l特殊类型Null、Undefinedpnull可以认为是一种特殊的对象,它是“无值”的pUndefined是变量的一种取值,表示变量还没有初始化。15Var a=;/a是空字符串,说明a是字符串类型的变量,长
11、度为0Var b=null;/b是等于null的变量,也可以认为它的值是“无值”Var c;/c表示是一个没有初始化的变量,访问得到Undefined。JavaScriptJavaScript基本语法基本语法u变量类型变量类型l数组:数组是值的有序集合,每个值叫做一个元素。l数组的赋值非常简单,在方括号中将数组元素用逗号隔开pvar arr=1,2,3;l数组是无类型的,数组中的元素可以是任意类型,甚至也可以是数组或对象pvar arr=1,true,a,3,4;l数组中的每个元素都有一个位置,称为索引,索引从0开始。对数组中的元素进行访问时,可以使用元素下标定位到数组中的元素。parr0表示
12、数组中第一个位置的元素l对数组中的元素进行修改,直接赋新值。parr1=false;16JavaScriptJavaScript基本语法基本语法u表达式表达式l表达式是任意一组有效的文字、变量和运算符,按一定的语法形式通过运算符组合成的符号序列,其计算结果为一个值,用于在不同上下文中操作和计算变量。l分类:p算术表达式:计算结果为一个数字,例如3+2,var i=8p逻辑表达式:计算结果为一个布尔值,例如a3,b=5 p字符串表达式:计算结果为一个字符串,例如a+bc17JavaScriptJavaScript基本语法基本语法u运算符运算符l运算符指的是表示各种不同运算的符号。lJavaScr
13、ipt中的运算符可以分为p算术运算符p比较运算符p赋值运算符p逻辑运算符。18JavaScriptJavaScript基本语法基本语法u运算符运算符l算术运算符19运算符运算符说明说明示例示例+如果操作数都是数字时执行加法运算,如果其中的操作数有字符串时,作为字符串运算符会执行连接字符串的作用A=5+8/结果是13A=5+8/结果是58-减法A=8 5*乘法A=8*5/除法A=20/5%取余-相除之后的余数10%3=1+一元递增。此运算符只计算一个操作数,将操作数的值加1。返回的值取决于+运算符与操作数的先后顺序。+x返回递增后的x值x+返回递增前的x值-一元递减。此运算符只计算一个操作数。返
14、回的值取决于-运算符是位于操作数之前还是位于操作数之后-x返回递减后的x值x-返回递减前的x值-一元求反。此运算符返回操作数的相反数 a等于5,则-a=-5JavaScriptJavaScript基本语法基本语法u运算符运算符l比较运算符20运算符运算符说明说明示例示例=等于。如果两个操作数相等,则返回Truea=b!=不等于。如果两个操作数不等,则返回TrueVar2!=5 大于。如果左操作数大于右操作数,则返回TrueVar1 var2=大于或等于。如果左操作数大于或等于右操作数,返回TrueVar1=5Var1=var2 小于。如果左操作数小于右操作数,则返回TrueVar2 var1=
15、小于或等于。如果左操作数小于或等于右操作数,返回TrueVar2=4Var2=var1JavaScriptJavaScript基本语法基本语法u运算符运算符l赋值运算符21运算符描述例子=简单赋值运算符,将右边运算数的值赋给左边运算数C=A+B 将A+B的值赋给C+=加等赋值运算符,将右边运算符与左边运算符相加并将运算结果赋给左边运算数C+=A 相当于 C=C+A-=减等赋值运算符,将左边运算数减去右边运算数并将运算结果赋给左边运算数C-=A 相当于C=C-A*=乘等赋值运算符,将右边运算数乘以左边运算数并将运算结果赋给左边运算数C*=A 相当于C=C*A/=除等赋值运算符,将左边运算数除以右
16、边运算数并将运算结果赋值给左边运算数C/=A 相当于 C=C/A%=模等赋值运算符,用两个运算数做取模运算并将运算结果赋值给左边运算数C%=A 相当于 C=C%AJavaScriptJavaScript基本语法基本语法u运算符运算符l逻辑运算符22运算符说明例子&逻辑与,左操作数与右操作数同为True时,返回Trueexpr1&expr2|逻辑或,左操作数与右操作数有一个为True时,返回Trueexpr1|expr2!逻辑非,操作数为True时,返回False,否则返回True!exprJavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句l根据作用的不同,流程控
17、制语句分为以下三种p选择语句:if.else 语句,if.else if.else语句,switch.case语句p迭代语句:for语句,while语句,dowhile语句p跳转语句:break语句,continue语句,return语句23JavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句l选择语句-if语句l语法l说明:condition可以是一个布尔型常量、变量或表达式。值为true是执行中的语句块。24if(condition)当条件为 true 时执行的代码 JavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句l选择语句-
18、ifelse语句l语法l说明:condition值为true时执行if后的语句块,为false时执行else后的语句块。25if(condition)当条件为 true 时执行的代码 else 当条件为 false时执行的代码 JavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句lSwitch Casel语法l说明:switch语句的基本语法是给定一个判断表达式以及若干不同语句,根据表达式的值来执行这些语句。26switch(expression)case condition 1:statement(s)break;case condition 2:stateme
19、nt(s)break;.case condition n:statement(s)break;default:statement(s)JavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句lswitch说明:pswitch语句的基本语法是给定一个判断表达式以及若干不同语句,根据表达式的值来执行这些语句。pcase后面跟随的是数字或字符串,检查每个case是否与switch表达式的值相匹配。匹配则执行case后的语句序列。p如果没有与值相匹配的,则执行缺省条件default。27JavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句l迭代语
20、句:就是在满足一定条件的情况下反复执行某一个操作。l所有的迭代语句都包含以下几个部分:p初始化部分(initialize):初始化迭代变量p迭代条件部分(test condition):布尔表达式,判断是否满足循环条件;p迭代体部分(body statement):需要重复执行的代码块;p迭代部分(iteration statement):控制循环变量值的更改。l迭代语句有:for语句,while 语句,dowhile语句28JavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句lFor循环:是一种最简洁的循环模式,一般在脚本的运行次数已确定的情况下使用l语法lfo
21、r 循环包括四个重要部分:pinitialize:初始化表达式,初始化计数器一个初始值,在循环开始前计算初始状态。ptest condition:判断条件表达式,判断给定的状态是否为真。如果条件为真,则执行循环体“”中的代码,否则跳出循环。piteration statement:循环操作表达式,改变循环条件,修改计数器的值。pbody statement:需要重复执行的代码块29for(initialize;test condition;iteration statement)body statement;JavaScriptJavaScript基本语法基本语法u流程流程控制语句控制语句lW
展开阅读全文