JavaScript基本语法综述.ppt

JavaScript基本语法 第九章 本章目标 掌握脚本的基本结构 掌握JavaScript的执行原理 使用JavaScript实现偶数输出 什么是JavaScript? JavaScript 简称JS，是一种轻量级的脚本语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 javascript的作用 表单验证－减轻服务器端压力 页面动态效果 动态改变页面内容 动态删除 图片轮播 表单验证 JavaScript与Java 这两种编程语言除了名字开头相同之外，没有其它内在的关系。 Java是SUN公司推出的面向对象的语言，适合Internet应用开发，是一种服务器端的开发语言。 JavaScript是网景公司的产品，是一种浏览器脚本语言，由客户端浏览器解析执行。 JS的基本结构 head script type=text/javascript !-- JavaScript 语句; -- /script /head body ……//HTML内容 /body 一般放在head中 JS的执行原理 解析HTML标签和JavaScript脚本 发送请求 客户端请求包含JS的页面 返回响应 从服务器端下载含JS的页面 浏览器输入 输出Hello World …… title输出Hello World/title script type=text/javascript document.write(h3Hello World/h3); /script /head body页面主体内容/body /html JS的使用方式 Html页面内嵌JS代码 外部JS文件 简短缩写方式 script src=hello.js /script input name=btn type=button value=弹出消息框 onclick=javascript:alert(欢迎您);/ headscript type=text/javascript.../script /head JS的核心语法 核心语法 数据类型 变量 运算符号 控制语句 注释 语法约定 输入/输出 变量 var width; width = 5; 先声明变量再赋值 同时声明和赋值变量 不声明直接赋值 var catName= 皮皮; var x, y, z = 10; width=5; 说明： var：用于声明变量的关键字 width：变量名 JS变量名区分大小写 基本数据类型 基本数据类型 undefined：变量被声明后，但未被赋值 string：用单引号或双引号来声明的字符串 boolean：true或false number：整数或浮点数 null：“无值”或“空对象” typeof typeof用于检测变量或值的返回值 typeof运算符的返回值如下： undefined：这个变量未赋值 string：这个变量是字符串 boolean：这个变量是布尔值 number：这个变量是数值 object：这个变量是对象或null funciton ：这个变量是函数 运算符号 类型 运算符 算术运算符 + - * / % ++ -- 赋值运算符 = 比较运算符 = = == != 逻辑运算符 || ! 逻辑控制语句 if条件语句 switch多分支语句 for、while循环语句 if(条件) { //JavaScript代码; } else { //JavaScript代码; } switch (表达式) { case 常量1 : JavaScript语句1; break; case 常量2 : JavaScript语句2; break; ... default : JavaScript语句3; } for(初始化; 条件; 增量) { JavaScript代码; } while(条件) { JavaScript代码; } 循环中断2-1 break 跳出当前整个循环，后面的循环不再执行。 script type=text/javascript var i=0; for(i=0;i=5;i++){ if(i==3){ brea