Copyright Sydongsun 2004. All rights reserved. .
WEB 应用开发
SydongSun@hotmail.com
Domino_DOC.book
1 of 48
V0.2
Status: xxx
Last Change: 13-Feb-2004
SydongSun@hotmail.com
Copyright by SYDONGSUN
WEB 应用开发
轻轻松松学用 JavaScript 编程
软件技术文档
-- - -
-
-
作者的个人技术交流网站:http://www.askguoyu.com 从这个网站上你可以了解到有关基于
Domino 的办公自动化软件开发的一些学习资料。
2 of 48
WEB 应用开发
SydongSun@hotmail.com
Copyright Sydongsun 2004. All rights reserved. .
轻轻松松学用 JavaScript 编程
软件技术文档
WEB 应用开发
特别感谢 Green,我在 Green 的鼓励下完成本文的书写!
本文来自于作者(Sydongsun@hotmail.com)的一本书稿,该书面向基于 LOTUS DOMINO 的办公自动化
(OA)软件开发。书名暂为《轻轻松松学用基于 Domino 的 WEB 开发》。该书稿中的其中有两个章节是关于
JavaScript 的一些简单介绍。本文基于该书稿的关于 JavaScript 的两个章节的内容,有所增加和删改,单列出来。
便于其他学习 WEB 应用开发的初学 JavaScript 的参考。
由此可以看出,本文并不是一本集中讨论 JavaScript 的读物。只是一本入门向导的快餐式的读物,适合初
学者。
本文档的标题为《轻轻松松学用 JavaScript 编程》,前面的“轻轻松松”有两个含义:第一,是直接继承《轻
轻松松学用基于 Domino 的 WEB 开发》的名字来源。第二,本文力求简约,简单,篇幅短小,阅读起来容易;
从我本身作为 JavaScript 的学习者的角度来写,我也是一个初学者,无法写就复杂的内容;本文完整的组件包
括三个部分:本文档本身;本文档中涉及的 JavaScript 代码例子文件;本文档配套的视频教程(有声有色的读
物,并不是本文档的内容的简单重复,我自己听起来也常常入迷。真的非常棒!);如果你拿到本文的话,一定
要有本文配套的例子代码文件,否则学习来是不轻松的。如果你想更加轻松,让你的学习成为一种享受的话,
建议你向作者索取视频教程。
本人乐于将自己所学到的东西,和大家共享。可以开展我所擅长的内容的培训,比如:
基于IBM (Rational) ClearCase 的软件配置管理培训;
基于IBM (Lotus) Lotus Domino 的办公自动化软件开发培训;
基于Oracle 的数据库管理员的培训;
基于SAP 的 ERP 某些模块的培训;
面向开发人员的 TCP/IP 网络协议簇的培训课程(以 C 语言讲述);
Solaris 系统管理的培训
3 of 48
WEB 应用开发
Sydongsun@hotmail.com
Copyright Sydongsun 2004. All rights reserved.
目录表
WEB 应用开发
轻轻松松学用 JavaScript 编程
软件技术文档
目录表
目录表 . . . . . . . . . . . . . . . . . . 3
配图列表. . . . . . . . . . . . . . . . . . 5
列表 . . . . . . . . . . . . . . . . . . . 6
1 说明 . . . . . . . . . . . . . . . . . . 7
1.1 主要的内容 . . . . . . . . . . . . . . . . . . 7
1.2 学习目标 . . . . . . . . . . . . . . . . . . . 7
2 了解 JavaScript 浏览器上的程序语言 . . . . . . . . 8
2.1 JavaScript 操作对象的简单介绍 -- 属性和方法 . . . . . . . . 8
2.2 JavaScript 代码的加入 . . . . . . . . . . . . . . 10
2.2.1 加入 JavaScript 代码的方式一 . . . . . . . . . . . . . . . . . . . . . . . . 10
2.2.2 加入 JavaScript 代码的方式二. . . . . . . . . . . . 12
2.2.3 加入 JavaScript 代码的方式三. . . . . . . . . . . . 12
3 JavaScript 常用对象的例子 . . . . . . . . . . . 14
3.1 一个最常用情景的例子 . . . . . . . . . . . . . . 14
3.2 JavaScript 文档对象模型图 . . . . . . . . . . . . . 17
3.3 使用单选钮 (Radio) 和多选钮 (Checkbox) 的例子 . . . . . . . . . . . . . . 18
3.4 JavaScript 中的字符串和日期对象 . . . . . . . . . . . 21
3.4.1 字符串对象 . . . . . . . . . . . . . . . . . 21
3.4.2 日期对象 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
3.5 桢结构和框架窗口 (Frame,IFrame) . . . . . . . . . . . . . . . . . . . . . . . 24
3.5.1 了解链接的 Target 属性 . . . . . . . . . . . . . 25
3.5.2 由 JavaScript,在不同的桢 ( 窗口 ) 间访问对象 . . . . . . 27
3.5.3 了解 IFrame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
4 正则表达式和模式匹配 . . . . . . . . . . . . 28
4.1 定义正则表达式 . . . . . . . . . . . . . . . . 28
4.2 字符类 . . . . . . . . . . . . . . . . . . . 30
4.3 正则表达式的应用例子 . . . . . . . . . . . . . . 30
5 可参考学习的,精美的代码例子 . . . . . . . . . . 31
5.1 预载入图片,实现导航按钮的动态效果 . . . . . . . . . 31
5.2 显示对象的提示信息 . . . . . . . . . . . . . . . 34
5.3 一个精美的日历 . . . . . . . . . . . . . . . . 37
5.4 一个下拉菜单 . . . . . . . . . . . . . . . . . 38
5.5 类似于资源管理器的树图 . . . . . . . . . . . . . 42
5.6 一个很好的编辑器 . . . . . . . . . . . . . . . 45
5 of 48
WEB 应用开发
SydongSun@hotmail.com
Copyright Sydongxun 2004. All rights reserved. .
配图列表
WEB 应用开发
轻轻松松学用 JavaScript 编程
软件技术文档
配图列表
Figure 1: 网页显示效果图 1............................................. 10
Figure 2: 验证用户输入的网页例子 ...................................... 14
Figure 3: JavaScript 文档对象模型图 ..................................... 17
Figure 4: 使用 Radio 和 CheckBox 的例子 ................................. 18
Figure 5: 含有桢结构的网页文档 ........................................ 24
Figure 6: 一个包含左右两个桢的例子 .................................... 25
Figure 7: 动态变换图片的按钮的网页 .................................... 31
Figure 8: 显示对象的提示信息的网页 .................................... 34
Figure 9: 精美的日历的例子 ............................................ 37
Figure 10: 一个下拉菜单的网页例子 ...................................... 38
Figure 11: Windows 操作系统下的资源管理器 .............................. 42
Figure 12: 一个采用 Tree 图组织内容的网页 ............................... 43
Figure 13: 所见即所得的编辑器的网页例子 ................................ 45