网页制作-清华大学出版社-第10章-JavaScript范例.ppt

本章学习导航 JavaScript是制作网站中网页动态效果的一项基本技术，了解JavaScript的基本概念及作用并在网站中使用它可以作出普通技术无法实现页面动态效果及验证功能。本章主要从JavaScript基本概念、在网页HTML中引用方式、JavaScript基础语法方面介绍了JavaScript的基础知识。 本章内容在全书知识结构中所处位置如图所示 10.1 Javascript简介 Javascript是一种解释性的，基于对象的脚本语言(an interpreted, object-based scripting language)。 JavaScript 正式的标准是ECMA-262。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。标准由 ECMA 组织发展和维护。 Javascript主要是基于客户端运行的，用户点击带有Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。 目前为止，最新的JavaScript的版本是JavaScript 2.1。目前支持JavaScript 2.1的浏览器有Firefox 2.0.x等。 10.2 Javascript特点及主要功能 JavaScript是一种基于对象(Object Based)和事件驱动(Event Driven)并具有安全性能（Security）的脚本语言。 1、JavaScript特点 它是一种脚本编写语言 基于对象的语言 简单性 安全性 动态性 2、 JavaScript功能 客户端应用 服务器端应用 3、JavaScript作用 校验用户输入的内容 有效地组织网页内容 动态地显示网页内容 弥补静态网页不能实现的功能 动画显示 4、JavaScript与Java的区别 10.3 在HTML页面中使用Javascript JavaScript是一种解释性编程语言，其源代码在被网络传送到客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。 JavaScript的代码是一种文本字符格式，可是直接嵌入HTML文档中，并且可动态装载。 在JavaScript中，可以添加注释来对 JavaScript 进行解释，或者提高其可读性。 JavaScript的注释分为两种：一种是单行注释，以//开始。一种是多行注释，/* 开始，以 */结束，/* */配对使用。 在HTML页面中使用JavaScript的方法有两种： 一种是直接加入到HTML文件中； 另外一种是引用方式。 10.3.1直接加入到HTML文档中方式 一个简单的JavaScript开发包含选择开发工具、编辑源代码、测试、运行四步 1）选择开发工具 2）编辑源代码 （1）创建并写出简单的HTML页面基本结构。 （2）在HTML文件head/head标签中或者body/body中任意地方添加Script/Script配对标签，JavaScript脚本代码用Script/Script配对标签进行标识，设置语言属性Language =JavaScript说明标识中是使用的何种语言 代码如下： html head script Language =JavaScript // JavaScript代码 document.write(Welcome To Ascent Technologies); /script /head /html 3）运行程序 10.3.2 引用方式 如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下： script src＝url language=Javascript/script 其中的Url就是程序文件的地址。 实现上述“直接插入方式”中所举例子的效果，步骤如下： 1）首先创建一个Javascript源代码文件“as.js”，其内容如下： document.writeln(这是Javascript！采用引用的方法！); 2） 在网页中head/head中添加代码： script src＝as.js language=Javascript/script 。 3）运行程序，双击welcome.html文件，即可打开 10.4 Javascript基础语法 10.4.1 Javascript字符集、标识符和关键字 1）字符集 常见的标准字符集有ASCII、ISO、LATIN-1、GBK和UNICODE。 与字符集相关的需要注意的一个问题是，通常浏览器本身支持多种类型的编码器。因此作为嵌入页面文