文档介绍：第九章 JavaScript语言
DHTML与JavaScript概述
JavaScript数据类型与表达式
JavaScript程序控制流程
JavaScript函数
JavaScript的对象
本章主要内容:
DHTML与JavaScript概述
1. 什么是DHTML?
DHTML
=
HTML
脚本语言
JavaScript
+
+
层叠样式表
CSS
指定一个网页的元素
决定元素的大小
颜色和位置
操纵网页的元素
DHTML 是制作动态 HTML 页面的技术!
DHTML与JavaScript概述
DHTML的功能
设计人员可以随着与用户的交互操作而改变文本的颜色、字体和大小
设计人员可以随用户的输入或事件(如单击鼠标)而更改页面的内容
设计人员可以用 x 座标和 y 座标来指定网页元素的确切位置(绝对位置或相对位置)
设计人员可以将网页中的表格绑定到数据库
设计人员可以将选择的字体和网页一起封装
Web 程序员可以编写脚本以更改网页的样式和内容
在 DHTML 中,每个元素都被视为一个对象。可以独立地对每个对象进行访问和编程
动态样式
动态内容
定位
数据绑定
可下载字体
脚本
对象结构
DHTML与JavaScript概述
DHTML 示例
闪烁文本
移动文本
消隐文本
2. 什么是JavaScript ?
Swiss Bank Florida, USA
dollar
’11’00’89’778
“67 89 005 90”
$
一万元整
Jeny Smiss
J. Smiss
..
10,000/-
Jeny Smiss
A/c No. 010077
瑞士银行
Jeny 想在银行存钱
验证 Jeny 帐户详细信息
余额
帐号
签名
帐户验证完毕
同样,
Jeny
Jeny 想创建一个电子邮件帐户
Jeny@
***
24
US
帐户 Id:
密码:
年龄:
国家:
提交
提交
******
请等待,正在
创建您的帐户
OK
提交
提交
这样,JavaScript 将验证数据并给出错误信息(如有)
错误消息
密码不能
少于六位!
2. 什么是JavaScript ?
DHTML与JavaScript概述
2. 什么是JavaScript ?
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。
它是通过嵌入或调入在标准的HTML语言中实现的,弥补了HTML语言的缺陷,是Java与HTML折衷的选择。
是Netscape公司引进Sun公司有关Java的程序概念,将自己原有的Livescript重新进行设计,并改名为JavaScript。
功能与作用:提供用户交互、动态更改内容、数据验证
3. JavaScript的特点
是一种脚本编写语言:它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样是一种解释性语言,它提供了一个容易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似,但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。
基于对象的语言:JavaScript同时以可以看作一种面向对象的。它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
简单性:它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学****Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。
2. JavaScript的特点
安全性:JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
动态性:它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
跨平台性:依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。
将JavaScript嵌入网页
可以将 JavaScript 语句插入 HTML 文档,方式如下:
使用<SCRIPT> 标签将语句嵌入文档
将 JavaScript 源文件链接到 HTML 文档中