《客户端编程》PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
具有安全性能的脚本语言。它是通过嵌入或 调入在标准的HTML语言中实现的。它的出现 弥补了HTML语言的缺陷，可以开发客户端的 应用程序。
2019年5月6日
5
JavaScript 的特性：
JavaScript脚本是由一系列的程序指令语句组成。
是事件驱动的，用户在网页上的某个动作就是一个事件，由 嵌入网页中的脚本对这个事件作出响应。
3.1 在HTML中嵌套 JavaScript JavaScript 程序在 HTML 文档中运行 JavaScript 语句放在
<SCRIPT LANGUAGE=“JavaScript” > …………
</SCRIPT> 语句标签对内
JavaScript 代码可以放在HTML文件中的任何位置
</SCRIPT> HTML文本
</BODY>
</HTML>
2019年5月6日
ຫໍສະໝຸດ Baidu
13
3.2 JavaScript 源文件
•可以一个外部文件包括脚本
假如：
–代码比较复杂
–计划经常修改该代码
–计划在多个页面中使用使用相同的代码
这是有用的
•文件的扩展名为 .js
•外部文件的引用（两个属性）
<SCRIPT LANGUAGE=“JavaScript” SRC=“jscriptcode.js” >
2019年5月6日
15
在JavaScript的基本类型中的数 据可以是常量，也可以变量。
2019年5月6日
2019年5月6日
7
两种语言间的异同作如下比较：
基于对象和面向对象 解释和编译 强类型和弱类型 代码格式不一样 嵌入方式不一样<applet> <SCRIPT>
2019年5月6日
8
Javascript的代码样例 P23 3-1 执行解释
Javascript 中的注释 1. // 2. /*…这里注释*/
安全性、动态性，区分大小写，使用分号组合语句
2019年5月6日
6
JavaScript 和 Java
JavaScript 是由客户机进行解释的, 而 Java 在服 务器上进行编译. JavaScript 是解释性语言, 而 Java 代码是在执 行前先被编译。 不象Java, JavaScript.不需要声明变量的数据类型 不象Java, JavaScript 能够存取浏览器对象和功能 JavaScript 多数用于客户端的活动，有有限的对 象、方法、属性和数据类型是不可扩展的。这与Java 的类和方法是不同的。
2
1、什么是脚本语言
脚本语言源于UNIX操作系统
应用于web页面的脚本语言有javaScript、 VBScript和用于编写CGI脚本的perl、 shellScript等
根据脚本程序执行的地点不同分为服务器端 脚本和客户端脚本，javaScript、 VBScript既可以作为客户端脚本语言，又 可作为服务器端脚本语言。
是平台独立的，不论什么机器只要装有支持JavaScript的浏 览器就可以正常运行
不涉及耗时的编译， 没有复杂的语法和规则集合
是基于对象而不是面向对象的，本身已经有创建好的对象， 是不完全的面向对象，不支持分类、继承、封装等特性
支持诸如：switch..case、If…else、while 、 for、 do while等之类的构造
2019年5月6日
9
JavaScript的注释 //语句 单行注释，JavaScript将忽略这一行后 面的语句。
/* 语句集
*/ 注释多行，JavaScript将忽略/*和*/之 间的所有语句。
2019年5月6日
10
Javascript程序运行环境
软件环境： Windows 95/98或Windows NT。 Netscape Navigator x.0或Internet
</SCRIPT>
2019年5月6日
14
4、JavaScript语法
JavaScript大小写敏感，若要几行代码 写在一行中各语句间以分号分隔，习惯上 在每一个语句之后以分号结束，但不是必 须。
在JavaScript中四种基本的数据类型：
数值（整数和实数）、字符串型（用“” 号或‘’括起来的字符或数值）、布尔型 （使True或False表示）和空值
4
JavaScript是一种潜入在HTML文件中的 脚本语言，由Netscape公司在1995年的 Netscape2.0中推出，最初称为Mocha，后 来又改为LiveScript，95年Java语言出现 后，引进java的有关概念，又改为
JavaScript
JavaScript是一种基于对象和事件驱动并
2019年5月6日
3
2、JavaScript 概述
HTML仅仅是一种标记语言，它能作的事情 有限。 用HTML建立的文档是静态的。不能处理客 户端的活动。 Scripting 使Web页变成动态的。 目前比较流行的脚本语言是JavaScript、 Perl、VBScript。
2019年5月6日
Explorer x.0。 用于编辑HTML文档的字符编辑器(Notepad等)
或HTML文档编辑器。 硬件环境： 基本内存32M。 CRT至少需要256颜色，分辨率在640X480以上。 CPU至少133以上。 鼠标和其它外部设备（根据需要选用）。
2019年5月6日
11
3、JavaScript嵌套在HTML中的方式
第三章 客户端编程
2019年5月6日
1
本节课的内容：
什么是脚本语言 JavaScript概述 JavaScript嵌套HTML的方式 JavaScript基本语法 事件触发和处理
对象的基础知识
JavaScript的对象模型 window 对象 document 对象 form 对象
2019年5月6日
2019年5月6日
12
<HTML> <HEAD> <TITLE> 页标题 </TITLE>
<SCRIPT language=“JavaScript”>
<!-- JavaScript代码
-- >
</SCRIPT>
</HEAD>
<BODY> HTML文本
<SCRIPT> <!- JavaScript代码也可放在这里 - >
2019年5月6日
5
JavaScript 的特性：
JavaScript脚本是由一系列的程序指令语句组成。
是事件驱动的，用户在网页上的某个动作就是一个事件，由 嵌入网页中的脚本对这个事件作出响应。
3.1 在HTML中嵌套 JavaScript JavaScript 程序在 HTML 文档中运行 JavaScript 语句放在
<SCRIPT LANGUAGE=“JavaScript” > …………
</SCRIPT> 语句标签对内
JavaScript 代码可以放在HTML文件中的任何位置
</SCRIPT> HTML文本
</BODY>
</HTML>
2019年5月6日
ຫໍສະໝຸດ Baidu
13
3.2 JavaScript 源文件
•可以一个外部文件包括脚本
假如：
–代码比较复杂
–计划经常修改该代码
–计划在多个页面中使用使用相同的代码
这是有用的
•文件的扩展名为 .js
•外部文件的引用（两个属性）
<SCRIPT LANGUAGE=“JavaScript” SRC=“jscriptcode.js” >
2019年5月6日
15
在JavaScript的基本类型中的数 据可以是常量，也可以变量。
2019年5月6日
2019年5月6日
7
两种语言间的异同作如下比较：
基于对象和面向对象 解释和编译 强类型和弱类型 代码格式不一样 嵌入方式不一样<applet> <SCRIPT>
2019年5月6日
8
Javascript的代码样例 P23 3-1 执行解释
Javascript 中的注释 1. // 2. /*…这里注释*/
安全性、动态性，区分大小写，使用分号组合语句
2019年5月6日
6
JavaScript 和 Java
JavaScript 是由客户机进行解释的, 而 Java 在服 务器上进行编译. JavaScript 是解释性语言, 而 Java 代码是在执 行前先被编译。 不象Java, JavaScript.不需要声明变量的数据类型 不象Java, JavaScript 能够存取浏览器对象和功能 JavaScript 多数用于客户端的活动，有有限的对 象、方法、属性和数据类型是不可扩展的。这与Java 的类和方法是不同的。
2
1、什么是脚本语言
脚本语言源于UNIX操作系统
应用于web页面的脚本语言有javaScript、 VBScript和用于编写CGI脚本的perl、 shellScript等
根据脚本程序执行的地点不同分为服务器端 脚本和客户端脚本，javaScript、 VBScript既可以作为客户端脚本语言，又 可作为服务器端脚本语言。
是平台独立的，不论什么机器只要装有支持JavaScript的浏 览器就可以正常运行
不涉及耗时的编译， 没有复杂的语法和规则集合
是基于对象而不是面向对象的，本身已经有创建好的对象， 是不完全的面向对象，不支持分类、继承、封装等特性
支持诸如：switch..case、If…else、while 、 for、 do while等之类的构造
2019年5月6日
9
JavaScript的注释 //语句 单行注释，JavaScript将忽略这一行后 面的语句。
/* 语句集
*/ 注释多行，JavaScript将忽略/*和*/之 间的所有语句。
2019年5月6日
10
Javascript程序运行环境
软件环境： Windows 95/98或Windows NT。 Netscape Navigator x.0或Internet
</SCRIPT>
2019年5月6日
14
4、JavaScript语法
JavaScript大小写敏感，若要几行代码 写在一行中各语句间以分号分隔，习惯上 在每一个语句之后以分号结束，但不是必 须。
在JavaScript中四种基本的数据类型：
数值（整数和实数）、字符串型（用“” 号或‘’括起来的字符或数值）、布尔型 （使True或False表示）和空值
4
JavaScript是一种潜入在HTML文件中的 脚本语言，由Netscape公司在1995年的 Netscape2.0中推出，最初称为Mocha，后 来又改为LiveScript，95年Java语言出现 后，引进java的有关概念，又改为
JavaScript
JavaScript是一种基于对象和事件驱动并
2019年5月6日
3
2、JavaScript 概述
HTML仅仅是一种标记语言，它能作的事情 有限。 用HTML建立的文档是静态的。不能处理客 户端的活动。 Scripting 使Web页变成动态的。 目前比较流行的脚本语言是JavaScript、 Perl、VBScript。
2019年5月6日
Explorer x.0。 用于编辑HTML文档的字符编辑器(Notepad等)
或HTML文档编辑器。 硬件环境： 基本内存32M。 CRT至少需要256颜色，分辨率在640X480以上。 CPU至少133以上。 鼠标和其它外部设备（根据需要选用）。
2019年5月6日
11
3、JavaScript嵌套在HTML中的方式
第三章 客户端编程
2019年5月6日
1
本节课的内容：
什么是脚本语言 JavaScript概述 JavaScript嵌套HTML的方式 JavaScript基本语法 事件触发和处理
对象的基础知识
JavaScript的对象模型 window 对象 document 对象 form 对象
2019年5月6日
2019年5月6日
12
<HTML> <HEAD> <TITLE> 页标题 </TITLE>
<SCRIPT language=“JavaScript”>
<!-- JavaScript代码
-- >
</SCRIPT>
</HEAD>
<BODY> HTML文本
<SCRIPT> <!- JavaScript代码也可放在这里 - >