PHP程序设计第3讲 JavaScript程序基础知识.pptVIP

《PHP程序设计》 --教师姓名 */31 《PHP程序设计》 --教师姓名 */31 内容要点 CONTENTS  1. JavaScript介绍 2. JavaScript基本语法 3. JavaScript交互方式 本章任务 制作淘宝网购物 简易计算器页面 1）什么是JavaScript JavaScript是一种脚本编程语言，是基于对象且事件驱动的程序，只是其程序代码嵌在HTML网页文件中，需要浏览者的浏览器进行解释运行。 HTML、XHTML是一种标记语言，用某种结构存储数据并且在设备上显示的手段。 1 JavaScript介绍 2）JavaScript有什么功能 （1）控制文档的外观和内容：动态改变CSS样式及页面内容 （2）控制浏览器的行为：浏览器的退后、刷新、状态栏信息 （3）用户交互操作：网上调查问卷、网上算命页面 （4）与页面各种元素交互：动态改变图片、元素属性等 （5） 读写部分客户端信息：读写客户端浏览器版本等 1 JavaScript介绍 3）在什么地方编写JavaScript JavaScript包含于script/script标签之中 写在head/head中（推荐） 写在body/body中，可多处 1 JavaScript介绍 4） 一个简单的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实现此部分内容？ 1 JavaScript介绍 脚本的执行原理 应用 服务器 IE IE 解析HTML标签和JavaScript脚本 从服务器端下载含JavaScript的页面 返回响应 客户端请求含JS的页面 发送请求 1 用户输入 2 3 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代码与我们学过的Java、C#语言有相似的地方吗？ 1 JavaScript介绍 2 JavaScript的基本语法 类型转换 注释 控制语句 运算符号 变量 基本语法 变量 运算符号 控制语句 注释 类型转换 2 JavaScript的基本语法 var count; count = 5; 定义变量 赋值 “var” － 用于声明变量的关键字 “count” － 变量名 var x, y, z = 10; var count = 10; 同时声明和赋值变量 声明多个变量 2 JavaScript的基本语法 运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 +、-、 * 、 / 、%、++、--、-(求反) 比较运算符 ==、!=、、=、、= 逻辑运算符 、||、！ 2 JavaScript的基本语法 if条件语句 switch多分支语句 for、while循环语句 if(条件) { //JavaScript代码; } else { //JavaScript代码; } switch (表达式) { case 常量1 : JavaScript语句1; break; case 常量2 : JavaScript语句2; break; ... default : JavaScript语句3; } for(初始化; 条件; 增量) { 语句集; } while(条件) { 语句集; } 2 JavaScript的基本语法 单行注释以 // 开始，以行末结束 例如： SCRIPT language=“javascript” //表示JavaScript代码的开始 多行注释以 /* 开始，以 */ 结束，符