网络编程技术第3章 JavaScript基础.pptx

第3章 JavaScript基础3.1 JavaScript简介3.2 JavaScript语言核心3.3 JavaScript操作DOM3.4 JavaScript操作BOM3.5 JavaScript常用框架库3.6 JavaScript的其它应用3.1 JavaScript简介什么是JavaScript？JavaScript是一门轻量级的、动态的、弱类型的脚本语言，非常适合面向对象和函数式的编程风格JavaScript被设计用来向HTML页面添加交互行为html定义网页的内容css定义网页的布局外观js定义网页的行为JS是可插入 HTML 页面的编程代码，但现在一般写成单独的js文件，有利于结构和行为的分离跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行JavaScript与Java无关，ECMAScript是JavaScript的标准规范（ES6）3.1 JavaScript简介/js/js-intro.htmlJavaScript/js/js-intro.html能干什么？可以读写html元素可以修改样式可以对浏览器事件作出响应可以在数据被提交到服务器之前验证数据可以检测用户的浏览器信息可以控制cookies可以用于开发webapp还可以基于Node.js技术进行后端编程……3.1 JavaScript简介/js/js-howto.htmlJavaScript/js/js-howto.html怎样和/js/js-howto.htmlHTML/js/js-howto.html文档结合？在HTML中嵌入JavaScript，也叫内部脚本HTML 中的脚本必须位于 script 与 /script 标签之间。脚本可被放置在 HTML 页面的 body 和 head 部分中。注：JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言，?script 标签中可以不再使用 type=text/javascript在HTML中引入外部Javascript文件外部 JavaScript 文件的文件扩展名是 .js。需在 script 标签的 “src” 属性中设置该 .js 文件外部脚本不能包含 script 标签3.2 JavaScript语言核心JavaScript语法结构（一套说明如何使用语言的基础规则）JavaScript 使用 Unicode 字符集JavaScript 对大小写敏感关键字、变量、函数名和所有的标识符都需要采用一致的大小写形式，如关键字“while”不能写成“While”或“WHILE”注意区分html是大小写不敏感的标识符必须以字母、 _ 或$符号开头，数字不能做首字母JavaScript 注释// 单行注释 和 /* */块注释使用可选的“分号”把语句隔开如果一条语句独占一行，分号可省略，但不建议省略3.2 JavaScript语言核心/js/js-datatypes.htmlJavaScript/js/js-datatypes.html数据类型JavaScript数据类型分为两类：原始类型和对象类型原始类型数字、文本和布尔值两个特殊的原始值：null 和undefined对象类型对象是属性的集合，每个属性都有key-value对组成，value可以是原始值也可以是对象普通的js对象是“key-value”对的无序集合，js还定义了特殊的对象---数组，即有序集合。Js还定义了一种特殊的对象---函数3.2 JavaScript语言核心/js/js-datatypes.htmlJavaScript/js/js-datatypes.html数据类型数字不区分整型浮点型，所有数字采用浮点数值表示‘+’、‘-’、‘*’、‘/’、‘ %’求余还可通过Math对象进行复杂运算文本转义字符：反斜线“\”字符串处理，拼接、截取、分割、替换等等3.2 JavaScript语言核心/js/js-datatypes.htmlJavaScript/js/js-datatypes.html数据类型文本3.2 JavaScript语言核心/js/js-datatypes.htmlJavaScript/js/js-datatypes.html数据类型布尔值true 和 false任意JavaScript的值都可以转换为布尔值、 ||、！布尔值有toString方法3.2 JavaScript语言核心/js/js-datatypes.htmlJavaScript/js/js-datatypes.html数据类型null用来描述空值typeof（null）返回“object”，说明可认为null是一个特殊的对象undefined未定义，typeof(undefined)返回undefined“null