j1JS的基本语法.ppt

第1讲 JavaScript的基本语法 课程及教师简介 课程：JavaScript客户技术 教师：宋锋 教研室：软件技术 邮箱：sfpub@126.com 本课程内容：任务书 本讲问题 大家已经学习了HTML，为什么还要学习JavaScript？ 如何编写JavaScript脚本程序？ JavaScript与Java基本语法的异同？ 本讲任务 本讲目标 掌握脚本的基本结构(Script标签) JavaScript基本语法 变量的定义与赋值 数据类型与转换函数等 运算符和控制语句 灵活运用高级语法－自定义函数function 回顾HTML-1 回顾HTML-2 为什么要学JavaScript 什么是JavaScript 什么是JavaScript 脚本的执行原理 JavaScript的基本语法 JavaScript的基本语法 变量的声明和赋值 运算符号 运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 +、-、 * 、 / 、%、++、--、-(求反) 比较运算符 ==、!=、、=、、= 逻辑运算符 、||、！ 赋值运算符 = 逻辑控制语句 if条件语句 switch多分支语句 for、while循环语句 注释 类型转换 parseInt (字符串) 将字符串转换为整型数字 如: parseInt (86)将字符串“86”转换为整型值86 parseFloat(字符串) 将字符串转换为浮点型数字 如: parseFloat(34.45)将字符串“34.45”转换为浮点值34.45 什么是函数 函数的含义：类似于Java中的方法，是完成特定任务的代码语句块 什么是函数 如何使用函数 如何使用函数 在小结1中，4个按钮调用的函数的代码很类似，怎么优化代码？ 定义有参函数 调用有参函数 常见错误1 常见错误2 常见错误3 总结 大家简述一下JavaScript脚本的基本结构？ JavaScript与Java基本语法有哪些相同之处？ 在JavaScript中，如何定义一个函数？ 在JavaScript中，如何调用一个函数？ 在JavaScript中，常见错误有哪些？ * * HTML JavaOOP JavaScript客户端技术 JavaWeb开发基础 JavaEE基础 JavaWeb框架技术 Java项目实践 制作淘宝网购物车简易计算器页面 常用的HTML标签有哪些？ 插入一条水平分隔线 HR 定义超级链接 A 定义文本的段落 P 在文本中插入一个换行 BR 插入一张图像 IMG 定义文档的主体 BODY 定义文字的字体、字号和颜色 FONT 实现页面中文字或图片的滚动 MARQUEE 设定显示在浏览器左上方的标题内容 TITLE 定义文档的头部 HEAD 界定一个完整的HTML文档 HTML 说 明 标签名称 请说明表格的基本结构以及跨行、跨列的用法？ TABLE border=1 TR TD rowspan=跨的行数 单元格内容 /TD TD colspan=跨的列数 单元格内容 /TD …… /TR …… /TABLE 请简述表单的基本结构？常用表单元素有哪些？ 如何使用样式表定义统一的字体外观和文本框的细边框样式？ 表单的基本结构： FORM action= method=post name=myForm …… /FORM 常用的表单元素有： 文本框（text）、密码框（password）、单选按钮（radio）、 复选框（checkbox）、列表框（select和option）、 按钮（button、submit和reset）、多行文本框（textarea）。 统一的字体外观： font-family:黑体; font-size:18px; color:#FF0000; 细边框样式： border-width:1px; border-style:solid; 表单验证 页面动态效果 演示示例2：层的切换 和 树形菜单等 演示示例1：注册表单验证 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 如何使用Jav