Chapter1JavaScript语法基础(Lesson1).ppt

JavaScript 程序设计,第一章 JavaScript 语法基础 Lesson 1,主讲老师：王涛 QQ：164030235,回顾HTML-1,常用的HTML标签有哪些？,请说说表格的基本结构以及跨行、跨列的用法？, 单元格内容 单元格内容 ,回顾HTML-2,请简述表单的基本结构？常用表单元素有哪些？,表单的基本结构： 常用的表单元素有： 文本框（text）、密码框（password）、单选按钮（radio）、 复选框（checkbox）、列表框（和）、 按钮（button、submit和reset）、多行文本框（）。,4,样式表有什么用？添加CSS有哪几种方法？,回顾HTML-3,如何使用样式表定义统一的字体外观和文本框的细边框样式？,统一的字体外观： font-family:“黑体“; font-size:18px; color:#FF0000; 细边框样式： border-width:1px; border-style:solid;,链接： body margin-left: 导入CSS: import slstyle.css 内嵌样式： ,指定在Z轴方向的顺序号使用哪个属性？,z-index:使用层叠顺序可以设置层的先后顺序和覆盖关系，默认1，及最底层,5,本章目标,理解什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 理解变量、数据类型和运算符 掌握 if-else 和 switch 语句使用数组 使用循环语句控制应用程序 创建自定义函数 理解 JavaScript 对象 使用 String、Math 和 Date 等对象,6,本节目标,理解什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 理解变量及其应用 能够灵活运用注释解释代码,7,什么是JavaScript,一万元整,Jeny Smiss,10,000/-,Jeny Smiss,A/c No. 010077,瑞士银行,Jeny 想在银行存钱,验证 Jeny 帐户详细信息,余额,帐号,签名,帐户验证完毕,8,什么是JavaScript,同样，,Jeny,Jeny 想创建一个电子邮件帐户,J * 24 US,帐户 Id： 密码： 年龄： 国家：,*,这样，JavaScript 将验证数据并给出错误信息（如有）,9,什么是JavaScript,类似功能的注册网页 QQ注册 淘宝注册 7k7k游戏注册 各种邮箱注册 ,10,什么是JavaScript（What）,JavaScript 是一种解释型的、基于对象的脚本语言，不用编译产生机器代码，浏览器负责解析 JavaScript 是一种宽松类型（弱）的语言，即不必显示定义变量的数据类型，但可以进行类型转换 JavaScript 是动态的，提供用户交互 ，直接对用户输入做响应 JavaScript 依赖与浏览器，与操作环境无关系；只要浏览器支持，“一次编程，走遍天下”,11,JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。 JavaScript 于网络的脚本语言，是因特网上最流行的脚本语言。 JavaScript 很容易使用！,为什么要学JavaScript（Why）,12,练习上课老师演练的代码。 独立完成课后作业 上论坛（ex：csdn）讨论代码，找高手“论剑”,怎么学习好JavaScript（How）,脚本的执行原理,JavaScript是客户端（Client）处理软件，不具有将数据传回服务器（Server）的能力，不能访问服务器上的数据，要想在Web浏览器与服务器进行通信，就需要使用ASP,JAVA,JSP,C#等来解决,14,将JavaScript嵌入网页,可以将 JavaScript 语句插入 HTML 文档，方式 如下： 使用 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中,15,使用 Script 标签,JavaScript 代码, document.write(“欢迎来到 JavaScript 世界“); 尽情享受学习的快乐! ,脚本代码,设置语言,16,使用外部 JS 文件,外部 JavaScript 文件可以链接到 HTML 文档中 SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件,17,使用外部 JS 文件,JavaScript 代码 (test.htm), 使用外部文件 以上文本是通过访问外部 JavaScript 文件显示的 ,使用外部 JS 文件,随机打开一个网页进行保存，可以发现其中有很多外部js文件。EX:,18,19,JavaScript的基本语法,注释,单行注释以 / 开始，以行末结束 例如： /表示JavaScript代码的开始,多行注释以 /* 开始，以 */ 结束，符号 /* */ 指示中间的语句是该程序中的注释。 例如： /* helloWorld.html 2007-9-29 第一个JavaScript程序 */,21,变量,“var” 用于声明变量的关键字 “a” 变量名,var a;,同时声明和初始化变量 var a= 10;,a = 10;,声明变量,声明多个变量 var x, y, z = 10;,赋值,22,变量,变量名必须以字母或下划线（“_“）开头 变量可以包含数字、从 A 至 Z 的大小写字母 JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量 提问,下面这样定义变量是否可以？ var % = “刘德华“; Ex：举例说明变量定义的语法要求,23,声明变量, 使用变量 var x; x=prompt(“淘宝网竟拍，请出一口价“,1) ; document.write(“拍卖价格“+x+“) / “+“用来连接多个字符串 document.write(“恭喜您，您以最高价拍卖成功！“); alert(“欢迎下次光临！“); ,定义变量,赋 值,输 出,prompt(“提示信息”,”默认值”) 将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消返回空字符串。,24,总结,网页中嵌入脚本有两种方式：使用标签或外部 *