Javacript简述.ppt

第3章 JavaScript 第3章 JavaScript 3.1 JavaScript简介 3.2 JavaScript程序设计基础 3.3 JavaScript程序结构 3.4 JavaScript对象系统 3.5 JavaScript事件和事件处理 主要内容 理解JavaScript语言的作用和执行方式 掌握在网页中使用客户端脚本的方法 掌握JavaScript语言的基本语法 认识核心语言对象，使用核心语言对象的方法和属性 掌握对页面中的不同种类的事件响应编程 能够利用JavaScript语言完成对文档内容的交互 了解客户端常见JavaScript特效程序的编程 掌握JavaScript程序的一般调试技术 什么是脚本 脚本（Script）实际上就是一段程序，用来完成某些特殊的功能。 服务器端脚本：例如 ASP、JSP、PHP等 客户端脚本：例如JavaScript、VBScript等。 客户端脚本的作用 客户端脚本经常用来检测浏览器、响应用户动作、验证表单数据以及显示各种自定义内容，如特殊动画、对话框等。 3.1 JavaScript简介 Javascript是由Netscape公司开发的一种解释性的，基于对象的脚本语言(an interpreted, object-based scripting language)。 JavaScript语言的主要应用就是开发客户端的Web应用程序，将客户端的JavaScript脚本嵌入或链接到HTML文件中。当用户在客户端的浏览器中读取HTML文件时，就会以Web页面方式进行显示。 3.1 JavaScript简介 1. 解释性 2. 基于对象 3. 事件驱动 4. 简单性 5. 安全性 6. 跨平台性 3.1 JavaScript简介 1. 软件环境： Netscape Navigator浏览器或Internet Explorer浏览器。 用于编辑HTML文档的字符编辑器(word、WPS、 Notepad、WordPad等)或HTML文档编辑器。 2. 硬件配置： 内存 32M。 CPU 233mhz以上。 显示器 256色，分辨率在640X480以上。 鼠标和其它外部设置（根据需要选用）。 3.1 JavaScript简介 3.2 JavaScript程序设计基础 JavaScript脚本语言的基本语法与C、C++和Java都非常的相似。所以对于已经具备了Ｃ或Ｃ++语言编程基础的人来说，学习JavaScript脚本语言是一件非常轻松愉快的事。同时由于JavaScript脚本语言的采取了简单语法的形式组织，如变量是弱变量，没有指针，无需定义类等，使得即便是没有任何计算机语言基础的的初学者也可以很快的掌握。本节主要讨论JavaScript脚本语言的变量、运算符和表达式。 3.2 JavaScript程序设计基础 3.2.1 JavaScript脚本代码的声明 3.2.2 JavaScript放置和运行 在HTML页面中使用JavaScript的方法有两种： 一种是直接加入到HTML文件中 另外一种是引用方式 代码的位置 位于HEAD部分的脚本 如果把脚本放置到head部分，在页面载入的时候，就同时载入了代码。 通常这个区域的JavaScript代码是为body区域程序代码所调用的事件处理函数。 位于 BODY部分的脚本 当你把脚本放置于 body 部分后，在页面载入时不属于某个函数的脚本就会被执行，执行后的输出就成为页面的内容。 JavaScript直接加入到HTML文件中 位于Head部分的代码实例 引用方式 如果已经存在一个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.2.3 标识符和变量 1关于命名的规定 1） 标识符 关于标识符的规定： 必须使用字母或者下划线开始； 必须使用英文字母、数字、下划线组成，但不能有空格、“＋”、“－”、“，” 或其它符号； 不能使用JavaScript关键词与JavaScript保留字； 不能使用JavaSc