JavaScript技术概述.pptVIP

JavaScript I CSS总结回顾 掌握CSS的语法 掌握常用样式： color、text-align、font-family、font-size、backgroud-color、backgroud-image、 width、height、border、padding、margin、position 等 更多样式用到时查 CSS总结回顾 掌握三种选择符的写法和作用 HTML选择符（标记名，不带）：根据标记名进行选择 类选择符（.类名）：根据标记的class属性进行选择 ID选择符（#ID值）：根据标记的id属性进行选择 掌握选择符的组合和关联写法，能够看懂 本篇内容 JavaScript简介 JavaScript基本语法 说明 JavaScript部分的教学目的在于JavaScript入门，了解JavaScript基本语法，并熟悉常用操作，例如：打开新窗口、判断表单输入等。 JavaScript是一门独立的语言，可以作出很多丰富多彩的效果，应结合实践的需要不断进行学习 一、JavaScript简介 1.1 JavaScript概述 JavaScript是一种轻型的脚本语言，它与HTML相结合，可以增强功能，提高与用户之间的交互性 HTML语言本身不具备交互功能 比如，判断input输入文本框元素中输入的内容是否为空 浏览器在解析HTML语言的基础上，还能够解释和运行嵌入在网页文件中的一种具有程序逻辑的语言，这种嵌入在HTML中、能为浏览器所解析、运行的程序语言称为脚本语言 观察新浪首页登录 1.2 客户端编程语言 JavaScript是一种客户端编程语言 Web开发分为客户端编程和服务端编程 客户端JavaScript的运行环境 浏览器(主流浏览器内置了JavaScript解释器) 主要客户端编程脚本语言 JavaScript VBScript JScript applet 1.3 JavaScript 和 Java JavaScript语言是由Netscape公司利用 Sun公司Java语言的程序概念而设计的一种语言 句法构成上，JavaScript和Java相似，但两者是完全不同的语言 JavaScript是无类型的语言 JavaScript是基于对象的语言，非纯粹的面向对象语言 1.4 第一个JavaScript示例 第一个JavaScript说明 标记对script和/script用来在HTML文件中嵌入JavaScript代码 script language = “javascript”/script language属性可以不加，默认值：javascript 第一个JavaScript说明 原则上， script/script标记对放置在HTML的head标记之间，但也可以放置在页面中任何位置 页面中可以有几对script/script 第一个JavaScript说明 单引号与双引号等效 字符串即可以放在一对双引号之中，也可以放在一对单引号之中 JavaScript区分大小写 1.5 JavaScript调试 IE 工具—Internet选项—高级 禁用脚本调试（Internet Explorer）——取消打勾 显示脚本错误通知——打勾 1.6 第二个JavaScript示例 二、JavaScript基本语法 数据类型 变量 注释 表达式与运算符 语句 函数 数组 对象 2.1 JavaScript数据类型 基本数据类型 数字(number)：不区分整型和浮点型 文本字符串(string)：包含在一对单引号或双引号之间 布尔值(boolean)：取值”true”或”false” 复合数据类型 数组 (array) 对象(object)：内置对象和自定义对象 特殊数据类型 null（空）：取值就是null undefined（未定义）:取值就是undefined 2.2 JavaScript变量 JavaScript和Java、C这类语言的一个重要差别： JavaScript的变量可以存放任何类型的值 所有的JavaScript变量定义以var来实现 变量可以不用var定义，就使用，但不建议 JavaScript区分大小写，包括变量名 2.3 注释 注释：与JAVA一样 单行注释：// 多行注释：/* 与 */ 注释的内容被javascript解析程序忽略不解释 2.4 JavaScript表达式和运算符 JavaScript的表达式和运算符与Java语言的相似 算术运算 +、-、*、/（取实际值）、% 、、=、=、=、== 逻辑运算 与： 或：|| 非：! 2.5 JavaScript语句 单行语句，JavaScript允许省略“；”（以换行或空格区分） 良好习