山东大学：《Web技术导论》第5章 客户端开发 5.1 客户端编程与脚本程序语言 5.2 JavaScript脚本语言概况 5.3 JavaScript基础 5.4 事件驱动及事件处理 5.5对象及其操作 5.6 常用内部对象及函数

第5章客户端开发 郝兴伟 山东大学计算机科学与技术学院 hxwasdu.edu. cn 山东大学计算机科学与技术学院 School of Computer Science& Techno logy, Shandong University

郝兴伟 山东大学计算机科学与技术学院 hxw@sdu.edu.cn 第5章 客户端开发

目录 5.1客户端编程与脚本程序语言 52 Javascript,脚本语言概况 53 JavaScript基础 5.4事件驱动及事件处理 55对象及其操作 56常用内部对象及函数 57浏览器内部对象 58Web交互 59综合举例

目 录 5.1 客户端编程与脚本程序语言 5.2 JavaScript脚本语言概况 5.3 JavaScript基础 5.4 事件驱动及事件处理 5.5对象及其操作 5.6 常用内部对象及函数 5.7 浏览器内部对象 5.8 Web交互 5.9 综合举例

5.客户端编程与脚本程序语言 1.客户端程序:在浏览器中解释执行,往往是通过脚本语言 编写 2脚本语言:脚本语言是介于HTM和Java、 Visual basic以及 C++等编程语言之间的特殊的语言。不需要编译 脚本语言的分类:客户端,服务端 目前使用较多的客户端脚本程序语言是 Javascript和 VBScript 3.在网页中引用脚本程序 ,如果是 客户端脚本程序,不需要设置 runat属性

5.1 客户端编程与脚本程序语言 1.客户端程序：在浏览器中解释执行，往往是通过脚本语言 编写。 2.脚本语言：脚本语言是介于HTML和Java、Visual Basic以及 C++等编程语言之间的特殊的语言。不需要编译 脚本语言的分类：客户端，服务端 目前使用较多的客户端脚本程序语言是JavaScript和 VBScript， 3.在网页中引用脚本程序： ，如果是 客户端脚本程序，不需要设置runat属性

5.1脚本引擎 什么是脚本引擎呢?简单的讲,脚本引擎就是指脚本的运行 环境,负责脚本程序的解释,来具体处理用相应脚本语言书 写的脚本命令。 例如ASP脚本语言必须运行在IS( Internet Information server) 上; Tomcat是Jsp和 Serverlet的容器等,也就是运行jsp网页必 须安装和配置 Tomcat。没有脚本引擎,脚本就不能运行

5.1.1脚本引擎 什么是脚本引擎呢？简单的讲，脚本引擎就是指脚本的运行 环境，负责脚本程序的解释，来具体处理用相应脚本语言书 写的脚本命令。 例如ASP脚本语言必须运行在IIS（Internet Information Server） 上；Tomcat是Jsp和Serverlet的容器等，也就是运行jsp网页必 须安装和配置Tomcat。没有脚本引擎，脚本就不能运行

51.2设置主脚本语言 主脚本语言是用来处理在定界符内部的命令的语 主脚本语言可以逐页设置,也可以设置所有页的主脚本语言。 例如,ASP默认的主脚本语言是 VBScript 要设置单个页的主脚本语言,可将指令添 加到网页文件的开头。该指令的语法是:<%@ language= Scriptinglanguage%,如果对某页进行了设置, 那么该页将忽略在应用程序中对所有页的全局设置。 如果希望将某一种脚本语言设为Web服务器上所有页的主脚本 语言,需要使用注册表编辑器 regedit.exe程序,修改相应的 注册参数

5.1.2设置主脚本语言 主脚本语言是用来处理在定界符 内部的命令的语 言。 主脚本语言可以逐页设置，也可以设置所有页的主脚本语言。 例如，ASP默认的主脚本语言是VBScript。 要设置单个页的主脚本语言，可将 指令添 加到网页文件的开头。该指令的语法是：，如果对某页进行了设置， 那么该页将忽略在应用程序中对所有页的全局设置。 如果希望将某一种脚本语言设为Web服务器上所有页的主脚本 语言，需要使用注册表编辑器regedit.exe程序，修改相应的 注册参数

2 Javascript脚本语言概况 JavaScript是目前使用最为广泛的脚本语言,它是由 Netscape 公司开发并随 Navigator浏览器一起发布的,是一种介于Java 与HTML之间、基于对象的事件驱动的编程语言。Sun公司推 出Java之后, Netscape引进了Sun的有关概念,将其更名为 “ JavaScript

5.2 JavaScript脚本语言概况 JavaScript是目前使用最为广泛的脚本语言，它是由Netscape 公司开发并随Navigator浏览器一起发布的，是一种介于Java 与HTML之间、基于对象的事件驱动的编程语言。 Sun公司推 出Java之后，Netscape引进了Sun的有关概念，将其更名为 “JavaScript

Javascript与Java的比较-1 使用背景不同 Java是基于C++、面向对象的程序设计语言( Object Oriented Language); JavaScript是一种脚本语言,是一种基于对象的, 面向非程序设计人员的编程语言。和Java不同, JavaScript没 有提供抽象、继承、多态等有关面向对象程序设计语言的许 多功能

JavaScript与Java的比较-1 使用背景不同 Java是基于C++、面向对象的程序设计语言（Object Oriented Language）；JavaScript是一种脚本语言，是一种基于对象的， 面向非程序设计人员的编程语言。和Java不同，JavaScript没 有提供抽象、继承、多态等有关面向对象程序设计语言的许 多功能

Javascript与Java的比较-2 运行环境不同 JavaScript源代码无须编译,嵌入HTM文档中的 JavaScript源 代码实际上是作为HTML文档Web页的一部分存在的。浏览器 浏览包含 JavaScript源代码的HTML文档页时,由浏览器自带 的脚本引擎对该HTML文档进行分析、识别、解释并执行用 JavaScript编写的源代码。而Java则不同,Java源代码必须进 行编译、连接后才能运行

JavaScript与Java的比较-2 运行环境不同 JavaScript源代码无须编译，嵌入HTML文档中的JavaScript源 代码实际上是作为HTML文档Web页的一部分存在的。浏览器 浏览包含JavaScript源代码的HTML文档页时，由浏览器自带 的脚本引擎对该HTML文档进行分析、识别、解释并执行用 JavaScript编写的源代码。而Java则不同，Java 源代码必须进 行编译、连接后才能运行

Javascrip程序举例-1 jAvascript in HTML-Microsoft Internet Explorer title>JavaScript in HTML文新查看心收氧工具块 My Search Edit 上网助手·回暂停拦截〈清理修复 JavaScript in HTML JavaScript in HTML document. write("Hello! ") Hello

JavaScript程序举例-1 JavaScript in HTML JavaScript in HTML document.write ("Hello!" );

Javascrip程序举例-2 fact(5) language=" Javascript function fact(n) ∥注释:输出n的阶乘 var res=1 if(n==0)res= 1 document. write(fact(5)) else res= n*fact(n-1) body> return res

JavaScript程序举例-2 function fact(n) { var res=1; if (n==0) res = 1; else res = n*fact(n-1); return res; } fact(5) = //注释：输出n的阶乘 document.write(fact(5));