Javascript的基本语法.ppt

第七章 Javascript的基本语法 hudekun Email: hdk2003004@126.com 知识结构图 预习检查 大家已学HTML，为什么要学习JavaScript？ 如何编写JavaScript程序？ JavaScript与Java基本语法的异同？ 本章任务 制作淘宝网购物 简易计算器页面 掌握脚本的基本结构(Script标签) 简单记忆基本语法 变量的定义与赋值 数据类型与转换parseFloat等 运算符和控制语句同Java 灵活运用高级语法－自定义函数function 本章目标 回顾HTML-1 常用的HTML标签有哪些？ 标签名称 说 明 HTML 界定一个完整的HTML文档 HEAD 定义文档的头部 TITLE 设定显示在浏览器左上方的标题内容 BODY 定义文档的主体 FONT 定义文字的字体、字号和颜色 P 定义文本的段落 BR 在文本中插入一个换行 IMG 插入一张图像 HR 插入一条水平分隔线 A 定义超级链接 MARQUEE 实现页面中的滚动文字或图片 请说说表格的基本结构以及跨行、跨列的用法？ TABLE border=1 TR TD rowspan=“跨的行数” 单元格内容 /TD TD colspan=“跨的列数” 单元格内容 /TD …… /TR …… /TABLE 回顾HTML-2 请简述表单的基本结构？常用表单元素有哪些？ 如何使用样式表定义统一的字体外观和文本框的细边框样式？ 表单的基本结构： FORM action=“” method=“post” …… /FORM 常用的表单元素有： 文本框（text）、密码框（password）、单选按钮（radio）、 复选框（checkbox）、列表框（select和option）、 按钮（button、submit和reset）、多行文本框（textarea）。 统一的字体外观： font-family:“黑体; font-size:18px; color:#FF0000; 细边框样式： border-width:1px; border-style:solid; 为什么要学JavaScript 表单验证 页面动态效果 演示示例2：层的切换 和 树形菜单等 演示示例1：注册表单验证 什么是JavaScript HTML HEAD TITLE脚本的基本结构/TITLE SCRIPT language=javascript var count=0; document.write(淘宝网欢迎您！); for(i=0;i5;i++) document.write(H2淘宝网欢迎您！/H2); /SCRIPT /HEAD BODY H1 BODY部分的内容/H1 /BODY /HTML 如何使用JavaScript实现此部分内容？ 查看完整源代码 什么是JavaScript 脚本的执行原理 应用 服务器 IE IE 解析HTML标签和JavaScript脚本 从服务器端下载含JavaScript的页面 返回响应 客户端请求含JS的页面 发送请求 1 用户输入 2 3 JavaScript的基本语法 HTML HEAD TITLE脚本的基本结构/TITLE SCRIPT language=javascript var count=0; document.write(淘宝网欢迎您！); for(i=0;i5;i++) document.write(H2淘宝网欢迎您！/H2); /SCRIPT /HEAD BODY H1 BODY部分的内容/H1 /BODY /HTML 大家想想上面JavaScript代码与我们学过的Java、C#语言有相似的地方吗？ JavaScript的基本语法 类型转换 注释 控制语句 运算符号 变量 基本语法 变量的声明和赋值 var count; count = 5; 定义变量 赋值 “var” － 用于声明变量的关键字 “count” － 变量名 var x, y, z = 10; var count = 10; 同时声明和赋值变量 声明多个变量 运算符号 运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 +、-、 * 、 / 、%、++、--、-(求反) 比较运算符 ==、!=、、=、、= 逻辑运算符 、||、！ 逻辑控制语句 if条件语句 switch多分支语句 for、while循环语句 if(条件) { //JavaScrip