Javascript教案Word文档格式.docx

1、document.write（“hello,web”）;/script 控制浏览器的行为window.status=“欢迎访问javascript” 和文档的内容相互作用 和用户交互!DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0 Transitional/ENhttp:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/www.w3.org/1999/xhtmlheadtitle猜数字游戏var sum=0；num=Math.floor（）第二节 简介2.1 javascript不能做的（限

2、制多，安全性高） 设置或检索浏览器参数设置、主窗口外观特性、动作按钮和打印 在客户机上启动一个应用程序 在客户端或服务器上读/写文件或文件夹 重新传输从服务器上捕获的现场数据流 从web站点访问者处向用户发送机密的电子邮件2.2 javascript并非Java不同的公司：sun、Netscape（网景）；不同类型：面向对象编译型、基于对象解释型；独立性：单独执行、嵌入到HTML，不能单独运行；2.3 javascript在客户端应用的三部分构成作为核心的ECMAScript：语言基础，定义了基本的语法和语义； javascript的核心，描述该语言的语法和基本对象 ECMA标准 Jscrip

3、t是ECMAScript的一种实现，功能较多 ActionScript flash AIR Flex Netscape LiveWire是javascript在服务器端的实现 JavaScript HTML XML Ajax文档对象模型DOM：操作HTML/XML的API描述处理网页内容的方法和接口 W3C标准;浏览器对象模型BOM：操作浏览器功能的API，描述与浏览器进行交互的方法和接口；开发环境1）选择一个自己喜欢的编辑器Notepad+VIMEditplusGeditEmacs其它2）符合W3C标准的浏览器FirfoxIEGoogle chromeOperaSafari 3）调试工具Fi

4、refox下的firebug、venkman等, FF-“辅助选项”-“firebug”-安装或者下载到firebug插件拖入浏览器即可IE下的ie developertoolbar, IE-“工具”-“开发人员工具”2.4 javascript的引用在第三种function showAlert（） alert（“web“）；/headbody /htmlJs外部引用式script language=”javascript” src=“common.js“web程序设计第三节 语言基础3.1注意事项语句分隔符 ；注释标记 / 单行注释/*.*/ 多行注释3.2数据类型三种主要数据类型，两种复合

5、数据类型和两种特殊数据类型主要（基本）数据类型字符串数值布尔复合（引用）数据类型对象数组特殊数据类型nullundefined注意事项：String字符串类型：字符串是用单引号或双引号来说明的；数值数据类型：Javascript支持整数和浮点数。整数可以为正数、0或者负数；浮点数可以包含小数点、也可以包含一个“e”（大小写均可，表示“10的幂”）；Boolean类型：true和false，不能用1和0；Undefined数据类型：变量创建后未赋值；Null数据类型：没有任何值，什么也不表示；3.3判断数据类型typeof 运算符说明：返回一个用来表示表达式数据类型的字符串 有六种可能：numb

6、er、string、boolean、object、function、undefinedscript language=”javascript”- - var a=18; var b=”今年18”； var c=true； document.write（typeof（a）;document.write（typeof（b）;document.write（typeof（c）;document.write（typeof（d）;document.write（typeof（window）; /objectdocument.write（typeof（test）;function test（xb） If（xb

7、=1）return “男”；elsereturn “女”；/- -请注意：null与0不相等，typeof运算符将报告null为object，而非类型null，这点潜在的混淆是为了向下兼容。3.4数据类型转换Object.toString（） 对象的字符串表示parseInt（numString） 字符串转换得到整数parseFloat（numString）字符串转换得到浮点【强制转换】数值与字符串相加 数值转换成字符串布尔值与字符串相加 布尔值转换成字符串数值与布尔值相加 布尔值转换成数值3.5转义字符n 换行（new line）r 游标回首行（carriage return）t 水平定位（

8、horizontal tab） 单引号 （single quote）” 双引号 （double quote） 反斜线 （back slash）b 倒退 （backspace）f 换页（form feed）第四节 语言基础4.1 变量和常量常量值可以为整型、逻辑型、实型以及字符串型等变量用关键字var声明或用赋值的形式变量命名规则1、第一个字符必须是字母（大小写均可）、下划线（_）或美元符（$）;2、后续字符可以是字母、数字、下划线或美元符；3、变量名称不能是保留字；4、字符大小写敏感；变量可以不声明直接使用变量弱类型检查，且可随时改变数据类型演示：骆驼命名法、匈牙利命名法对于变量的理解；变量是

9、数据的代号，如同人的名字一样：var num；/在javascript中使用关键字var声明一个变量在javascript中，使用上面的语法就能声明一个变量，以便在之后给其指定值var a=“hello”；script type=”text/javascript”var b=“world”；/不需要声明类型var n=123；var f=.123；var Mame；Mame=123；/同时进行var a，b，c；var a=b=c=123；var b=true；b=false；/undefined情况：值未定义var a；/没有赋值alert（a）；/有值，undefined/未声明的变量al

10、ert（n）；/将会出错，不是undefined/错误情况var abc-abc；var 123bad；var var；var 21bad；保留字Break、delete、function、return、typeof、case、do、if、switch、var、catch、else、in、this、void、continue、false、instanceof、throw、while、debugger、finnally、new、true、with、default、for、null、try将来的保留字Abstract、double、goto、native、static、boolean、enum等数

11、字（只能有整数或小数），字符串可能是最常用的了，还有另外一种类型：布尔（Boolean）true（非零）、falsevar bool=true;/用true表示真值bool=false；/用false表示假值Javascript是动态类型语言，声明时可以不指明类型，运行时刻变量的值可以有不同类型var s=“hello world”；/声明无需指明字符串类型s=1.603；/运行时刻指定另一个类型 复合（引用）数据类型：对象、数组 特殊数据类型：undefined4.2 运算符和表达式运算符赋值运算符：=、+=、-=、*=、/=、%=算术运算符：+、-、*、/、%、+、- -、-（负）字符串运

12、算符：+逻辑运算符和关系运算符：= =、！=、=、&、|、！位运算符（很少用）算术表达式字符串表达式逻辑表达式计算各表达式的值a=5；b=7；c=9（1）a+bc（2）b*b-4*a*c=a*a+b*b（4）c*c%2= =1（5）b=2*+a（6）b=2* a +/字符串相连var s1=”hello”;var s2=”world”;alert（s1+s2）;var s1=“hello”；s1=s1+“world”；alert（s1）；s1+=“！”；/弱类型var n=10;var s=”hello”;alert（n/s）;/NaN，not a number的缩写alert（3-s）；/N

13、aNalert（23*“23”）；/自动类型转换 529alert（23*“ab”）；/不能转换 NaNalert（23+“23”）；/字符串不总是能转换成数字，数字总能转字符alert（2+3+“23”+4+5）；/52345alert（2+3+“23”+（4+5）；/括号提高优先级5239/算术运算只能针对数字，如果有字符串出现NaN：not a number的缩写/比较运算符alert（1213）；alert（1213）= =（2!=4）；/混合运算符alert（“a”false）；/false=0,true=13）；/3转换成布尔值/连用两个！是将变量值转换成布尔值/a & b ,a为

14、false，不判断b，直接返回false；a为true，返回balert（3&4）；/4/转换成数字alert（“3”*1）；alert（“”*1）；alert（typeof 2）；prompt（“请输入数字”，“”）；/弹出对话框，用户输入内容，返回输入值var a=prompt（“请输入数字”，“”）；a*=1；/逻辑运算符 a逻辑值b逻辑值a&ba|baFalseTrue思考：Alert（！“”）；/空字符串，不加空格falseAlert（“hello”&/空字符串Alert（“”|”hello”）；helloAlert（“ ”|”hello”）；/空var t=typeof （“123

15、”*1）；/numvar t=typeof （123+“”）；alert（t）；注意：不是真正的只返回布尔值，它将最后判断的值显示出来；逻辑运算表例如：var a=prompt（“输入一个数字”，“”）a*=1;alert（typeof a）;4.3 运算符的优先级运算符描述. （） + -字段访问、数组下标、函数调用等+ - ! delete new typeof void医院运算符* / %+ - 移位= = instanceof= != = !=按位与按位异或|按位或逻辑与|逻辑或:条件= op=赋值，运算赋值,多重求值自学注意使用（），减小复杂程度第二天流程控制1.1流程控制所谓结构化

16、程序设计思想，就是要使所设计的程序给人一种一目了然的感觉，条理清晰，模块化，书写层次分明，要求：顺序结构：一条接一条，自上而下选择结构：判断给定条件，根据不同情况做不同处理循环结构：多次重复执行同一系列命令流程结构顺序结构分支结构单一选择结构if二路选择结构if/else内联三元运算符 ：多路选择结构 switch循环结构在循环的开始测试表达式while在循环的末尾测试表达式do/while遍历对象的各个属性for/in由计数器控制的循环forBreak和continueif（true）alert（“出现”）；elsealert（“else”）；/不存在elseif语法if （true） al

17、ert（“one”）;/只有一条语句可以省略花括号else alert（“”）; /只有一条语句可以省略花括号if（false）alert（“true”）；alert（“”）； if（true）alert（“else if true”）； else if（true）else/小练习 var mark=prompt（“请输入”，“”）；if（!mark） /alert（”*1）alert（“没有输入”）；elsemark*=1；if（isNaN（mark）alert（“输入了非法数字”）；If（mark=90）alert（“good”）;elseif（num=80）alert（“ok”）;/简化后else if（mark=90）alert（“good”）；else if（num=80）alert（“ok”）；alert（“！”）；/switch,又叫“开关”var a=1；switch（a）case 1： alert（“111”）；break；case 2： alert（“222”）；case 3： alert（“333”）；default：alert（“default”）；/*循环for（初始化语句；条件判断；更新计数器）循环代码；*/for（var i=0;i10;i+）document.write（i+”）/混合var i=0；