Javascript(课件PPT)
- 格式：ppt
- 大小：1.91 MB
- 文档页数：255
下载文档原格式
合集下载
js课件ppt
上下文。
特点
箭头函数有几个特点，如没有自己的 this、arguments、super 或 new.target，且不 能用作构造函数等。此外，箭头函数还有一些其他的特性，如不支持函数的传统声明方
式、不支持函数的 name 属性等。
06
JavaScript 实践案例
简单的计算器
这是一个使用JavaScript实现的简单计算器功能，可以进行加、减、乘、除的基 本运算。
Set
Set 是一种特殊的类型，它只存储唯 一的值，不会重复。Set 提供了很多 有用的方法，如 add、delete、has 等，可以方便地操作集合中的元素。
箭头函数
定义
箭头函数是一种更简洁的函数语法，它没有自己的 this、arguments、super 或 new.target。箭头函数不会绑定自己的 this，箭头函数内部的 this 指向定义时所在的
JavaScript最初由Netscape于1995年开发，作 为网页浏览器的一种脚本语言，用于增加网页的 交互性。
ECMAScript标准
1997年，ECMAScript 1成为第一个广泛采纳的 JavaScript标准。随后的版本不断扩展其功能和 性能。
Node.js的出现
2009年，Ryan Dahl创建了Node.js，使得 JavaScript可以在服务器端运行，从而开启了全 栈开发的新时代。
Promise
Promise 是一个代表异步操作最终完成或失败的对象。它解决了 JavaScript 中的回调地狱问题，使 得异步代码可以像同步代码一样进行链式调用。Promise 有三种状态：pending（进行中）、 fulfilled（已成功）和 rejected（已失败）。
特点
箭头函数有几个特点，如没有自己的 this、arguments、super 或 new.target，且不 能用作构造函数等。此外，箭头函数还有一些其他的特性，如不支持函数的传统声明方
式、不支持函数的 name 属性等。
06
JavaScript 实践案例
简单的计算器
这是一个使用JavaScript实现的简单计算器功能，可以进行加、减、乘、除的基 本运算。
Set
Set 是一种特殊的类型，它只存储唯 一的值，不会重复。Set 提供了很多 有用的方法，如 add、delete、has 等，可以方便地操作集合中的元素。
箭头函数
定义
箭头函数是一种更简洁的函数语法，它没有自己的 this、arguments、super 或 new.target。箭头函数不会绑定自己的 this，箭头函数内部的 this 指向定义时所在的
JavaScript最初由Netscape于1995年开发，作 为网页浏览器的一种脚本语言，用于增加网页的 交互性。
ECMAScript标准
1997年，ECMAScript 1成为第一个广泛采纳的 JavaScript标准。随后的版本不断扩展其功能和 性能。
Node.js的出现
2009年，Ryan Dahl创建了Node.js，使得 JavaScript可以在服务器端运行，从而开启了全 栈开发的新时代。
Promise
Promise 是一个代表异步操作最终完成或失败的对象。它解决了 JavaScript 中的回调地狱问题，使 得异步代码可以像同步代码一样进行链式调用。Promise 有三种状态：pending（进行中）、 fulfilled（已成功）和 rejected（已失败）。
JavaScript基础PPT课件
事件类型、监听和传播方式讲解
事件类型 JavaScript中支持多种事件类型，包括鼠标事件、键盘事 件、表单事件、窗口事件等。每种事件类型都对应一个特 定的触发条件和处理方式。
事件监听 可以使用`addEventListener`方法为元素添加事件监听器， 当指定的事件发生时，会调用监听器中的回调函数处理事 件。
移动端适配与优化
探讨针对不同设备和浏பைடு நூலகம்器的 JavaScript代码适配与优化策略， 提高页面性能和用户体验。
行业发展趋势预测
ES6+新特性
01
分析ECMAScript 6及以后版本的新特性和发展趋势，如模块化、
异步编程、装饰器等。
前端框架与库
02
探讨React、Vue等前端框架以及配套库在Web开发中的应用和
和3D游戏。
移动应用开发
通过React Native、Cordova 等框架，可以使用JavaScript
开发跨平台的移动应用。
服务器端开发
Node.js使得JavaScript可以在 服务器端运行，处理HTTP请
求、数据库操作等。
02
JavaScript基础知识
变量与数据类型
变量声明
使用`var`、`let`或`const`关键字声明 变量，分别表示可变变量、块级作用 域可变变量和常量。
逻辑运算符
用于进行逻辑运算，包括`&&`、 `||`和`!`。
流程控制语句
01
02
03
条件语句
使用`if`、`else if`和`else` 关键字实现条件判断。
循环语句
包括`for`、`while`和 `do...while`循环，用于重 复执行某段代码。
《讲JavaScript语言》课件
MongoDB数据库的应用
了解MongoDB数据库的基本概念ห้องสมุดไป่ตู้使用方 法，实现数据的持久化和查询。
结语
以上是关于JavaScript语言的相关讲解PPT大纲，通过本课程的学习，您将能够快速掌握JavaScript语 言的基础和高级特性，并且具备开展实际应用项目的能力。让我们一起踏上JavaScript编程之旅吧！
面向对象编程
学习使用JavaScript进行面向 对象编程，封装、继承和多 态等概念。
ES6中的新特性
探索ES6中的一些新特性， 如箭头函数、解构赋值和模 板字符串。
JavaScript实战应用
jQuery库的应用
学习如何使用jQuery库简化JavaScript代码， 加速开发过程。
React框架的基础使用
2
数据类型
学习JavaScript中的基本数据类型，如字符串、数值、布尔值等。
3
变量和常量
掌握JavaScript中的变量和常量的声明和使用方法。
4
运算符
了解JavaScript的各种运算符，包括算术、赋值、比较和逻辑运算符。
5
控制流语句
学习使用条件语句和循环语句来控制程序的执行流程。
JavaScript高级特性
闭包
高阶函数
探索JavaScript中的闭包概念， 以及它在函数作用域和私有 变量方面的应用。
学习使用高阶函数来操作和 处理其他函数，提高代码的 抽象和灵活性。
this关键字
了解JavaScript中this关键字 的用法和不同场景下的指向。
作用域链
深入研究JavaScript中的作用 域链机制，理解变量查找和 访问的过程。
《讲JavaScript语言》PPT 课件
《js零基础入门学》课件
3 GET和POST请求
4 JSON的解析
掌握GET和POST两种常用的HTTP请求方 法，以及它们的区别和使用场景。
了解JSON格式的数据解析和处理，以 实现前后端之间的数据传输和交互。
实战项目
1
需求分析
学习如何分析和理解客户需求，规
代码实现
2
划和设计一个实用的JavaScript项目。
动手实现项目的具体功能和界面，
条件语句和循环语句
条件语句
掌握使用条件语句进行逻辑判断和分支控制的 技巧。
循环语句
学习各种类型的循环语句，如for循环和while 循环，来实现重复执行的逻辑。
函数
1
函数的定义和调用
学习如何定义和调用函数，以及函数在代码组织和重用方面的重要性。
2
函数参数
了解函数参数的不同类型和如何在函数中使用它们。
3
基本语法
深入了解JavaScript的基本语法规则，为后续学习打下坚实基础。
变量和数据类型
变量定义
学习如何定义和使用变量，以及变量的命名规则和最佳实践。
基本数据类型
了解JavaScript的基本数据类型，如字符串、数字、布尔值等。
复杂数据类型
学习如何使用数组和对象来存储和处理更加复杂的数据结构。
DOM操作
深入了解jQuery提供的强大 的DOM操作功能，让开发更 加高效便捷。
事件监听
掌握jQuery的事件处理机制， 以及如何处理各种用户交互 事件。
AJA X
1 A JA X 的概述
2 X MLHttpRequest对象
了解AJAX的工作原理和优势，以及它在 现代Web开发中的广泛应用。
学习使用XMLHttpRequest对象进行异步 请求，实现无需刷新页面的数据交互。
(2024年)JavaScript教程优质课件
动态内容
根据用户交互动态更新 网页内容，如轮播图、
下拉菜单等。
游戏开发
前后端交互
利用JavaScript开发2D 或3D网页游戏。
通过Ajax等技术实现与 服务器端的异步通信。
6
本课程目标与内容概述
2024/3/26
目标
掌握JavaScript基础语法、DOM操作、事件处理、异步编程等知识点，能够独立完成 简单的Web应用开发。
JavaScript是一种基于对象和事件驱动的脚本语言，主要用于增加网页互动性。
它可以直接嵌入到HTML页面中，由浏览器解释执行，而不需要服务器的处理。
2024/3/26
JavaScript具有动态类型、面向对象、函数式编程等特性。
4
JavaScript历史与发展
JavaScript最初由Netscape公 司的Brendan Eich在1995年设
2024/3/26
8
变量与数据类型
变量声明
使用`var`、`let`、`const`关键字声明 变量，介绍它们之间的区别和适用场 景。
类型转换
介绍JavaScript中的类型转换规则， 包括隐式转换和显式转换。
数据类型
详细讲解JavaScript中的基本数据类 型（如Number、String、Boolean 等）和复杂数据类型（如Object、 Array等）。
闭包常常被用来作为回调函数使 用，因为它可以记住自己的词法 作用域，包括 this 和外部变量。
实现函数工厂
利用闭包可以创建出可以访问私 有变量的公有方法，这是模块模 式的基础。
闭包原理
闭包是指有权访问另一个函数作 用域中的变量的函数。当函数可 以记住并访问所在的词法作用域 时，就产生了闭包。
javascript课程教学PPT
第 16
章
HTML/CSS/JavaScript 标准教程实例版（第2版）
16.2.2 外部调用文件
• 语法： • <script type=“text/javascript”src=“url”></script>
• 外部文件好还是<script>方法好？ • 一般认为，大量的javascript代码不应内嵌在HTML文件中。
HTML/CSS/JavaScript 标准教程实例版（第2版）
第 16
章
16.3 第一个JavaScript程序
• 学习每一门语言，大致了解了它的背景后，最想 做的莫过于先编写一个最简单的程序并成功运行 。如果最初连续几个程序都无法成功运行，初学 者学习的信心多少会受到一些打击，这是正常现 象。本例将带领读者对JavaScript进行第一次实 践尝试，用它编写一个最简单且的程序。进入网 站首页，有时会看到一些简单的欢迎词句。我们 可以使用JavaScript语言来实现。
HTML/CSS/JavaScript 标准教程实例版（第2版）
• JavaScript就是一种基于对象和事件驱动，并具有 安全性能的脚本语言，脚本语言简单理解就是在 客户端的浏览器就可以互动响应处理程序的语言 ，而不需要服务器的处理和响应，当然JavaScript 也可以做到与服务器的交互响应，而且功能也很 强大。而相对的服务器语言像asp php jsp 等需要将命令上传服务器，由服务器处理后回传 处理结果。对象和事件是JavaScript的两个核心。
本书编委会 编著
第16章 JavaScript基础
16.1 JavaScript语言概况 16.2 JavaScript描述方法
HTML/CSS/JavaScript 标准教程实例版（第2版）
javascript课件第九章PPT教学课件
某个表单内的 按钮，它由标准的HTML标签<input>创建，语法如下：
<input type=“button” name=“buttonName” value=“buttonValue” [onClick=“handler”] [onBlur=“handler”] [onFocus=“handler”]
举例:
创建一个按钮，当点击他时，显示按钮的name属性(testb1.htm) 按钮1和按扭2，点击按钮1后，按钮2获得焦点。点击按钮2后， 按钮1获得焦点。(testb2.htm)
10/13
form对象
submit对象
submit对象在HTML文档中也代表一个按钮，不过与button对 象不同，submit对象是一种特殊的按钮，专门用于提交表单。
说明 普通按钮 复选框 输入框，用于输入要上传得文件名 随表单提交的用户不可见的数据 select对象中的一个项目 密码输入框，输入的内容不可见 单选框 重置表单的按钮 只能选择一项的列表或者下拉菜单 可以选择多项的列表 提交表单的按钮 单行的文本输入框 多行的文本输入框
7/13
form对象
button对象
> ………………………… </form>
//表单名称 //用于响应的窗口名称 //表单被提交目的地的URL //提交表单的方法 //表单数据的编码方式 //表单重置时调用的事件处理器 //表单提交时调用的事件处理器
//表单中的其他元素
3/13
form对象
form对象的访问
一类是通过document对象的forms[ ]属性，一类是直接通过表单 名称:
document.forms[index] document.forms[“formName”] document.forms.formName document.formName
<input type=“button” name=“buttonName” value=“buttonValue” [onClick=“handler”] [onBlur=“handler”] [onFocus=“handler”]
举例:
创建一个按钮，当点击他时，显示按钮的name属性(testb1.htm) 按钮1和按扭2，点击按钮1后，按钮2获得焦点。点击按钮2后， 按钮1获得焦点。(testb2.htm)
10/13
form对象
submit对象
submit对象在HTML文档中也代表一个按钮，不过与button对 象不同，submit对象是一种特殊的按钮，专门用于提交表单。
说明 普通按钮 复选框 输入框，用于输入要上传得文件名 随表单提交的用户不可见的数据 select对象中的一个项目 密码输入框，输入的内容不可见 单选框 重置表单的按钮 只能选择一项的列表或者下拉菜单 可以选择多项的列表 提交表单的按钮 单行的文本输入框 多行的文本输入框
7/13
form对象
button对象
> ………………………… </form>
//表单名称 //用于响应的窗口名称 //表单被提交目的地的URL //提交表单的方法 //表单数据的编码方式 //表单重置时调用的事件处理器 //表单提交时调用的事件处理器
//表单中的其他元素
3/13
form对象
form对象的访问
一类是通过document对象的forms[ ]属性，一类是直接通过表单 名称:
document.forms[index] document.forms[“formName”] document.forms.formName document.formName
《JavaScript》PPT课件讲义(2024)
简化了函数表达式的写法 ，同时解决了this指向的问 题，使得代码更加简洁易 读。
使用反引号(``)来定义字符 串，可以包含变量和表达 式，使得字符串的拼接更 加直观和易读。
允许将数组或对象的属性 直接赋值给其他变量，简 化了数据的提取和操作过 程。
用于处理异步操作，通过 then和catch方法来指定异 步操作成功或失败时的回 调函数，避免了回调地狱 的问题。
2024/1/29
命名导出 使用export关键字来导出模块中 的指定成员，其他模块可以使用 import { member } from 'module'的语法来导入该成员。
导入所有成员 使用import * as alias from 'module'的语法来导入模块中的 所有成员，并使用别名来引用这 些成员。
2024/1/29
20
Web API接口调用方法
1
Web API概述
Web API是一组基于HTTP协议的应用程序接口 ，用于实现Web应用与服务器之间的数据交互。
2 3
接口调用方法
通过JavaScript的XMLHttpRequest或Fetch API发送HTTP请求，调用Web API接口并处理响 应结果。
游戏开发
使用JavaScript及其 相关技术（如 Canvas、WebGL等 ）开发网页游戏或移 动游戏。
服务器端开发
使用Node.js等技术 进行服务器端编程， 处理请求、操作数据 库等。
2024/1/29
6
02
JavaScript语法与数据类型
2024/1/29
7
基本语法规则
2024/1/29
Байду номын сангаас
JavaScript基础PPT课件
const 关键字
用于声明常量，其声明的常量值不可 以被重新赋值。const 声明的常量也 具有块级作用域，且必须初始化。
箭头函数与扩展运算符
箭头函数
ES6 引入的一种新的函数表达方式，使用箭头符号（=>）来定义函数。箭头函数可以简化函数的书写， 同时解决了 this 指向的问题。
如 `push()`、`pop()`、`unshift()`、 `shift()` 等方法用于在数组的末尾 或开头添加或删除元素。
遍历数组
如 `forEach()`、`map()`、`filter()`、 `reduce()` 等方法用于遍历数组元 素并执行相应的操作。
数组的方法与应用
• 查找和排序：如 indexOf()、lastIndexOf()、sort()等方法 用于查找元素或对数组进行排序。
04
对象的方法
05
方法是存储在对象属性中的函数。通过对象来调用该方法， 可以使用 `this` 关键字引用调用该方法的对象。
06
方法可以访问和操作对象的属性，也可以调用其他方法或全 局函数。
数组的概念与创建
数组的概念
数组是一种特殊的对象，用于存储有 序的元素集合。每个元素可以通过一 个索引来访问。
循环语句
使用`for`、`while`和 `do...while`循环结构，重 复执行一段代码。
跳转语句
使用`break`和`continue` 关键字，控制循环的执行 流程。
函数
函数定义
使，并编写
函数体。
函数调用
通过函数名和括号中的参数列表 调用函数，执行函数体内的代码。
发展
随着Web的普及和Ajax技术的出现，JavaScript逐渐受到重视，ECMAScript标准也 推动了JavaScript的规范化发展。如今，JavaScript已成为前端开发的三大核心技术 之一，与HTML和CSS共同构建Web应用。
用于声明常量，其声明的常量值不可 以被重新赋值。const 声明的常量也 具有块级作用域，且必须初始化。
箭头函数与扩展运算符
箭头函数
ES6 引入的一种新的函数表达方式，使用箭头符号（=>）来定义函数。箭头函数可以简化函数的书写， 同时解决了 this 指向的问题。
如 `push()`、`pop()`、`unshift()`、 `shift()` 等方法用于在数组的末尾 或开头添加或删除元素。
遍历数组
如 `forEach()`、`map()`、`filter()`、 `reduce()` 等方法用于遍历数组元 素并执行相应的操作。
数组的方法与应用
• 查找和排序：如 indexOf()、lastIndexOf()、sort()等方法 用于查找元素或对数组进行排序。
04
对象的方法
05
方法是存储在对象属性中的函数。通过对象来调用该方法， 可以使用 `this` 关键字引用调用该方法的对象。
06
方法可以访问和操作对象的属性，也可以调用其他方法或全 局函数。
数组的概念与创建
数组的概念
数组是一种特殊的对象，用于存储有 序的元素集合。每个元素可以通过一 个索引来访问。
循环语句
使用`for`、`while`和 `do...while`循环结构，重 复执行一段代码。
跳转语句
使用`break`和`continue` 关键字，控制循环的执行 流程。
函数
函数定义
使，并编写
函数体。
函数调用
通过函数名和括号中的参数列表 调用函数，执行函数体内的代码。
发展
随着Web的普及和Ajax技术的出现，JavaScript逐渐受到重视，ECMAScript标准也 推动了JavaScript的规范化发展。如今，JavaScript已成为前端开发的三大核心技术 之一，与HTML和CSS共同构建Web应用。
Javascript(课件PPT)
// 设置颜色为gray（灰色）
13
document.write( "<br>" );
// 输出换行标签
14
document.write( partial );
// 输出诗句
15
partial = comment.slice( 17, 29 );
// 取出第二句诗文
16
partial = partial.fontcolor("gray");
• 97年发布了ECMA262语言规范
• ECMAScript
• JavaScript现况 • JavaScript的未来
简单的脚本语言
• 什么是脚本语言
• 脚本语言是一种应用程序扩展语言，用于系统的扩展，使其按用户的意 愿去运行。
• 所有的基础功能由系统提供，脚本语言在更高一层次描述如何调用系统 的接口。
07 -->
08 </script>
// 脚本程序开始
// 定义变量表示半径 // 从Math对象中 // 计算面积
<!--脚本程序结束-->
复合数据类型
• 字符串对象
• String对象封装了与字符串有关的特性，主要用来处理字符串。通 过String对象，可以对字符串进行剪切、合并、替换等等。可以调 用该对象的构造函数创建一个实例，其实在定义一个字符串类型变 量时就也创建了一个String对象实例。
• 检测当前所用的浏览器
01
<script language="JavaScript">
// 程序开始
02
document.write("名称：" + navigator.appName+"<br>");Βιβλιοθήκη // 浏览器名称03
Javascript教程ppt
function sum(x,y) {
return x+y;
}
document.write("x + y的值为：" + sum(3,6));
</script>
JavaScript教程
第10章 JavaScript核心对象
基于对象的JavaScript语言
JavaScript语言是基于对象的（Object-Based）， 而不是面向对象的（object-oriented）。之所以 说它是一门基于对象的语言，主要是因为它没有提 供象抽象、继承、重载等有关面向对象语言的许多 功能。而是把其它语言所创建的复杂对象统一起来， 从而形成一个非常强大的对象系统。
窗口对象的方法
alert():弹出带有指定信息和确定按钮的警告框。 confirm():弹出带有指定询问信息的确认对话框，并
有确定和取消按钮。 prompt():产生一个输入窗口，返回输入值。
注：Windows窗口对象是所有对象的父对象，代表一个浏 览器窗口。引用windows对象的属性或方法是，可直接引 用，不必通过对象名引用。
}
JavaScript函数使用 例3
练习2：函数的使用
在javascript中： 1.定义变量r初值为3，变量pi初值为3.14； 2.定义函数area()求圆的面积； 3.在页面输出圆的面积。
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum());
年" + (date.getMonth()+1) + "月" + date.getDate() + "日" + "星期" + date.getDay()); </script>
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 数学对象
• •
复合数据类型
从Math对象中获取圆周率常数，计算一个半径为2单位的圆的面积
01 02 03 04 05 06 07 08 <script language="javascript"> <!-var r = 2; var pi = Math.PI; var s = pi*r*r; alert("半径为2单位的圆面积为：" + s + "单位" );// 显示圆的面积 --> </script> // 脚本程序开始 // 定义变量表示半径 // 从Math对象中 // 计算面积
注意事项
• 大小写敏感
• JavaScript代码是大小写敏感的，Name和name是不同的标识符，编码时 应当予以注意。同一个词如果如果各个字母间大小写不同时，系统将当 作不同的标识符来处理，相互之间没有任何联系
• 代码示例
01 02
Name = “sunsir”; name = “foxsir”;
// 大写字母开头 // 汪写字母开头
注意事项
• 空格与换行
• 代码中多余的空格会被忽略，同一个标识符的所有字母必须连续。 • 一行代码可以分成多行书写。
• 单行：
• 代码写于一行中，用分号作为语句结束标志
if(1==1 && 6>3 ){alert(“return true”);}else{alert( “return false” );}
• 另存为“helloworld.html”,扩展名为“html”或“htm”. • 在IE中打开网页文件，运行程序。
注意事项
• 浏览器对JavaScript的支持
• 在互联网发展的过程中，几大浏览器之间也存在激烈的竞争。JavaScript 是Netscape公司的技术，其它浏览器并不能和Navigator一样良好的支持 JavaScript，因为得不到使用许可。微软公司为能使其IE浏览器能抢占一 定市场份额，于是在IE中实现了称为JScript的脚本语言，其兼容JavaScript， 但是和JavaScript间仍然存在版本差异。因此，编程人员在编码时仍然考 虑不同浏览器间的差别。
01 02 03 04 05 06 07
<script language="javascript"> <!-var hello = "你好啊"; var name = „Peter‟; alert(hello + name ); --> </script>
// 脚本程序开始 // 使用双引号定义字符串 // 使用单引号定义字符串 // 将两个字符串合在一起显示 <!--脚本程序结束-->
• 检测当前所用的浏览器
01 02 03 04 05
<script language="JavaScript"> // 程序开始 document.write("名称：" + navigator.appName+"<br>"); // 浏览器名称 document.write("版本号：" + navigator.appVersion+"<br>"); // 浏览器版本号 document.write("发行代号："+navigator.appCodeName+"<br>"); // 浏览器的内部发行代号 </script>
第一个JavaScript程序
• JavaScript编辑器的选择
• • • • • • 记事本 Visual Studio Aptana DreamWeaver WebStorm ……
• 编写“HelloWorld” • 打开记事本，输入以下代码：
01 02 03 04 05 06 07 <html> <body> <script language="JavaScript"> document.write("Hello World!"); </script> </body> </html> <!---------HTML文档开始--------------------> <!---------文档体开始--------------------------> <!---------脚本程序-----------------------------> // 输出经典的Helloworld <!---------脚本结束-----------------------------> <!---------文档体结束--------------------------> <!---------HTML文档结束-------------------->
第二讲：数据类型
课程内容安排
• • • • 基本数据类型 复合数据类型 其他数据类型 数据类型的转换
基本数据类型
• 在JavaScript中，字符串型数据是用引号括起的文本字符串。
• 在JavaScript中不区分“字符”和“字符串”，字符也被当作字符串处理。 字符串中可以包含用于特殊目的字符。
基本数据类型
•
数值型数据
– JavaScript中用于表示数字的类型称为数字型，不像其 它编程语言那样区分整型、浮点型。数字型用双精度浮 点值来表示数字数据，可以表示（-253，+253）区间中 的值。数字的值可以用普通的记法也可以使用科学记数 法。 表示方法如下所示：
10; 10.1; 0.1; 3e7; 0.3E7; // 数字 // 数字 // 数字 // 科学记数 // 科学记数
•
JavaScript代码在HTML文档中的形式。
– 链入 – 嵌入
•
参考：
第一个JavaScript程序
•
01 02 03 04 05 06 07 08 09 10 11 12
嵌入方式
– 本书使用的方式
ห้องสมุดไป่ตู้<html> <head> <title> </title> </head> <body> <script language="JavaScript"> // JavaScript程序语句 // …… </script> </body> </html> <!---------HTML文档开始--------------------> <!---------文档头开始--------------------------> <!---------标题开始-----------------------------> <!---------标题结束-----------------------------> <!---------文档头结束--------------------------> <!---------文档体开始--------------------------> <!---------脚本程序-----------------------------> // JavaScript程序语句 // 更多的JavaScript程序语句 <!---------脚本结束-----------------------------> <!---------文档体结束--------------------------> <!---------HTML文档结束-------------------->
• 脚本语言的分类
• 嵌入式 • 非嵌入式
• JavaScript能做什么 • JavaScript和其它语言的异同 • JavaScript同Java的异同
第一个JavaScript程序
• 预备知识
• document对象的write方法将字符串“Hello World”输出 显示在浏览器客户区里。 • 使用window对象的alert方法以消息框的形式输出信息。 • JavaScript程序嵌入HTML文档的常用方法就是将代码放 在“<script>”标签对中 。
<!--脚本程序结束-->
复合数据类型
• 字符串对象
• String对象封装了与字符串有关的特性，主要用来处理字符串。通 过String对象，可以对字符串进行剪切、合并、替换等等。可以调 用该对象的构造函数创建一个实例，其实在定义一个字符串类型变 量时就也创建了一个String对象实例。 调用String对象的方法或属性形式如“对象名.方法名”或“对象名. 属性名”，构造函数如下： String([strVal]);。 看这样的一个实例，文本串中将李白《静夜思》的各个部分分别提取 出来，并格式化输出。标题加粗，文本居中对齐，诗歌正文颜色为 灰色。 示例代码如下所示。
•
分成多行、规范的书写如下：
01 02 03 04 05 06 07 08 If( 1==1 && 6>3 ) { alert(“return true” ); } else { alert( “return false” ); } // 如果1等于1，且6大于3，则 // 输出“true” // 否则 // 输出“false”
date = new Date( ); date = new Date( val ); date = new Date( y , m, d [, h [, min [, sec [,ms]]]] );