JavaScript程序设计基础.ppt

JavaScript程序设计基础 JavaScript简介 JavaScript编程基础 JavaScript中的对象编程 JavaScript的动态网页编程技术 JavaScript是什么？是Web页面中的一种脚本编程语言，可用于Web系统的客户端和服务器端编程。JavaScript的前身叫做LiveScript，是Netscape公司开发的脚本语言。Sun公司推出Java语言后， Netscape公司和Sun公司于1995年一起重新设计了LiveScript，并将其更名为JavaScript。 JavaScript的基本特点 脚本编程语言：与HTML代码结合在一起，通常由浏览器解释执行。 基于对象的语言： JavaScript的许多功能来自于脚本环境中对象的方法与脚本的相互作用。 安全性：在HTML页面中JavaScript不能访问本地硬盘，也不能对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。 跨平台：在HTML页面中JavaScript的执行环境依赖于浏览器本身，只要安装了支持JavaScript的浏览器， JavaScript程序就可以执行。 JavaScript的应用 客户端应用：将客户端的JavaScript脚本程序嵌入或链接到HTML文件，当用户通过浏览器请求这样的HTML页面时， JavaScript的脚本程序与HTML一起被下载到客户端，由客户端的浏览器读取HTML文件，若包含JavaScript解释执行。 服务器端应用：JavaScript可以用来开发服务器端的Web应用程序。当用户通过浏览器请求URL时，服务器执行JavaScript脚本程序，将生成的数据以HTML格式返回浏览器。 对于JavaScript的客户端应用和服务器端应用，要根据实际情况进行选择。从程序必威体育官网网址性的角度来看，采用服务器端应用更为妥当（例如，用户注册）。如果只是对数据进行验证，可采用客户端应用来实现，这样效率更高。 在Web页面中使用JavaScript 在HTML中嵌入JavaScript：在HTML中通过SCRIPT… /SCRIPT引入JavaScript代码。当浏览器读取到SCRIPT标记时，解释执行其中的脚本。在使用SCRIPT标记时，必须通过Language属性指定SCRIPT块中包含的是何种类型的脚本。 举例：S01_02.htm HTML HEAD TITLE嵌入JavaScript代码/TITLE!-- 定义页面标题 -- /HEAD BODY SCRIPT language=javascript //脚本标记 document.write(Hello World!) //在页面上显示一行文字 /SCRIPT /BODY /HTML 链接JavaScript文件：如果脚本程序较长或者同一段脚本可以在若干Web页中使用，则可以将脚本程序单独放在一个文件里（.js），然后链接到需要它的HTML文件，相当于将其中的脚本填入链接处。具体可通过SCRIPT标记的SRC属性来指定外部脚本文件的URL。举例：S01_03.htm，其中，文件S01_03.js与S01_03.htm放在同一个文件夹中，并含有以下内容： document.write(Hello World!) S01_03.htm文件内容如下： HTML HEAD TITLE链接JavaScripte代码/TITLE /HEAD BODY SCRIPT language=javascript src=s01_03.js /SCRIPT /BODY /HTML 编写JavaScript的工具 使用纯文本编辑器：早期的脚本编程人员通常使用纯文本编辑器（如Windows的记事本）来编写JavaScript脚本程序。这种方法适合于少量脚本的编写和修改。 使用专业化脚本编辑工具：利用可视化工具（如Frontpage、Dreamweaver和Flash等）可以很容易的在 Web页面中加入脚本来完成一些功能。 JavaScript的专业化开发工具具有许多处理JavaScript特性的功能（如代码生成、语法敏感编辑和调试等），开发人员经常使用这些工具进行Web程序的开发，以便提高效率。 JavaScript中的常量、变量及表达式 常量：数值型（整数、浮点数）、字符串和布尔型。 变量 可以使用关键字“var”声明变量。如var name,age,weight; 变量赋值：var name=“张三”; name=“李四”; 运算符 算术运算符：+、-、*、/、%（取余数）、++、-- 关系运算符：、=、、=、= =、= = =（严格等于）、!=、 != = （严格不等于）