前端第15讲 JavaScript基础.pptx

第15讲 JavaScript基础15.1 JavaScript概述15.2 直接量15.3 变量15.4 数据类型15.5 数据类型的转换15.6 运算符和表达式15.7 流程控制语句15.8 在网页中嵌入脚本的方式15.1 JavaScript概述1. JavaScript概念： JavaScript是一种嵌入到HTML文件中的基于对象(Object)和事件驱动(Event Driven)并具有安全性的脚本语言2. JavaScript的组成部分：ECMAScript：定义了基本的语法和基本对象。现在每种浏览器都有对ECMAScript标准的实现。DOM(Document Object Model)：文档对象模型，它是HTML和XML文档的应用程序编程接口。浏览器中的DOM把整个网页规划成由节点层级构成的文档。用DOM API可以轻松地删除、添加和替换节点。BOM(Browser Object Model)：浏览器对象模型，描述了与浏览器窗口进行访问和操作的方法和接口。3. JavaScript的特点： 是一种客户端脚本编程语言 javaScript采用小程序段的方式实现编程，主要运行在浏览器中。解释性的语言 javaScript的源代码不需经过编译，而是直接在运行时由浏览器解释执行。基于对象的语言JavaScript是一种基于对象的脚本语言，这意味着它能运用自己已经创建的对象。它的许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。安全性JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失事件驱动（动态性） 它采用以事件驱动的方式直接对用户的输入作出响应。跨平台性 JavaScript依赖于浏览器本身，与操作环境无关，任何浏览器，只要具有JavaScript 脚本引擎，就可以执行JavaScript。4. javascript 与java的比较JavaScript和java除了在名字上有一点类似,以及javaScript语法源自于java外,两者存在很大的不同,主要的不同点如下所列: 1)JavaScript由浏览器解释执行；java程序则是编译执行 2)JavaScript是一种基于对象的脚本语言；java则是一种面向对象的编程语言 3）javaScript是动态类型语言，即弱类型语言，可以不声明变量而直接使用变量；java是静态类型语言，即强制类型语言，变量在使用前必须先声明5. JavaScript编辑工具JavaScript源代码是纯文本代码，所以可以使用任何文本编辑器，例如记事本、EditPlus、WebStorm、Sublime Text、IntelliJ IDEA、Dreamveawer等软件，来编辑JavaScript6. JavaScript语法特点JavaScript可以出现在HTML的任意地方，使用script/script进行声明JavaScript可以写在另外一个文件中（以.js作扩展名），然后用script src=“js文件路径” type=“text/javascript”/script嵌入到HTML文档中脚本程序语句既可以使用分号（；）结尾，也可以不用分号Javascript程序对大小字母是“敏感”的，即区分大小写字母javaScript示例7. JavaScript的执行顺序JavaScript代码按照执行的机制可分为两类代码：事件处理代码和非事件处理代码。非事件处理代码在HTML文档内容载入后，将按JavaScript在文档中出现的顺序，从上往下依次执行。事件处理代码则在HTML文件内容载入完成，并且所有非事件处理代码执行完成后，才根据触发的事件执行对应的事件处理代码。15.2 直接量所谓直接量（literal），指的是程序中通过源代码直接指定的值。根据值的类型，直接量可分为以下几种类型：整型直接量：只包含整数部分，可使用十进制、十 六进制和八进制表示浮点直接量：由整数部分加小数部分表示布尔直接量：只有true和false两种取值字符型直接量：使用单引号或双引号括起来的一个 或几个字符或以反斜扛开头的称为 转义字符的特殊字符空值：使用Null表示，表示什么也没有，如试图引用一个没有声明的变量，将返回一个Null值15.3 变量变量：指在计算机内存中暂时保存数据的地方的符号名称，可以通过该名称获取对值的引用，其所保存的数据在程序进行过程中可能会发生变化。在程序中，使用变量名对变量所保存的数据进行各种处理操作。变量命名规则第一个字符必须是字母或下划线(_)或美元符号($)，其后的字符可以是字母、数字或下划线、美元符号。不能包