73轻轻松松学用javascript编程

CopyrightSydongsun2004.Allrightsreserved..WEB应用开发[e-mail]_DOC.book1of48V0.2Status:xxxLastChange:[e-mail]EB应用开发轻轻松松学用JavaScript编程软件技术文档------作者的个人技术交流网站：的办公自动化软件开发的一些学习资料。2of48WEB应用开发[e-mail]Sydongsun2004.Allrightsreserved..轻轻松松学用JavaScript编程软件技术文档WEB应用开发特别感谢Green，我在Green的鼓励下完成本文的书写！本文来自于作者（[e-mail]）的一本书稿，该书面向基于LOTUSDOMINO的办公自动化（OA）软件开发。书名暂为《轻轻松松学用基于Domino的WEB开发》。该书稿中的其中有两个章节是关于JavaScript的一些简单介绍。本文基于该书稿的关于JavaScript的两个章节的内容，有所增加和删改，单列出来。便于其他学习WEB应用开发的初学JavaScript的参考。由此可以看出，本文并不是一本集中讨论JavaScript的读物。只是一本入门向导的快餐式的读物，适合初学者。本文档的标题为《轻轻松松学用JavaScript编程》，前面的“轻轻松松”有两个含义：第一，是直接继承《轻轻松松学用基于Domino的WEB开发》的名字来源。第二，本文力求简约，简单，篇幅短小，阅读起来容易；从我本身作为JavaScript的学习者的角度来写，我也是一个初学者，无法写就复杂的内容；本文完整的组件包括三个部分：本文档本身；本文档中涉及的JavaScript代码例子文件；本文档配套的视频教程（有声有色的读物，并不是本文档的内容的简单重复，我自己听起来也常常入迷。真的非常棒！）；如果你拿到本文的话，一定要有本文配套的例子代码文件，否则学习来是不轻松的。如果你想更加轻松，让你的学习成为一种享受的话，建议你向作者索取视频教程。本人乐于将自己所学到的东西，和大家共享。可以开展我所擅长的内容的培训，比如：基于IBM(Rational)ClearCase的软件配置管理培训；基于IBM(Lotus)LotusDomino的办公自动化软件开发培训；基于Oracle的数据库管理员的培训；基于SAP的ERP某些模块的培训；面向开发人员的TCP/IP网络协议簇的培训课程（以C语言讲述）；Solaris系统管理的培训3of48WEB应用开发[e-mail]Sydongsun2004.Allrightsreserved.目录表WEB应用开发轻轻松松学用JavaScript编程软件技术文档目录表目录表..................3配图列表..................5列表...................61说明..................71.1主要的内容..................71.2学习目标...................72了解JavaScript浏览器上的程序语言........82.1JavaScript操作对象的简单介绍--属性和方法........82.2JavaScript代码的加入..............102.2.1加入JavaScript代码的方式一........................102.2.2加入JavaScript代码的方式二............122.2.3加入JavaScript代码的方式三............123JavaScript常用对象的例子...........143.1一个昀常用情景的例子..............143.2JavaScript文档对象模型图.............173.3使用单选钮(Radio)和多选钮(Checkbox)的例子..............183.4JavaScript中的字符串和日期对象...........213.4.1字符串对象.................213.4.2日期对象....................................223.5桢结构和框架窗口(Frame,IFrame).......................243.5.1了解链接的Target属性.............253.5.2由JavaScript，在不同的桢(窗口)间访问对象......273.5.3了解IFrame..................................274正则表达式和模式匹配............284.1定义正则表达式................284.2字符类...................304.3正则表达式的应用例子..............305可参考学习的，精美的代码例子..........315.1预载入图片，实现导航按钮的动态效果.........315.2显示对象的提示信息...............345.3一个精美的日历................375.4一个下拉菜单.................385.5类似于资源管理器的树图.............425.6一个很好的编辑器...............454of48WEB应用开发[e-mail]SYdongsunAG2004.Allrightsreserved..轻轻松松学用JavaScript编程软件技术文档目录表WEB应用开发6总结和作业................466.1总结....................466.2作业....................475of48WEB应用开发[e-mail]Sydongxun2004.Allrightsreserved..配图列表WEB应用开发轻轻松松学用JavaScript编程软件技术文档配图列表Figure1:网页显示效果图1.............................................10Figure2:验证用户输入的网页例子......................................14Figure3:JavaScript文档对象模型图.....................................17Figure4:使用Radio和CheckBox的例子.................................18Figure5:含有桢结构的网页文档........................................24Figure6:一个包含左右两个桢的例子....................................25Figure7:动态变换图片的按钮的网页....................................31Figure8:显示对象的提示信息的网页....................................34Figure9:精美的日历的例子............................................37Figure10:一个下拉菜单的网页例子......................................38Figure11:Windows操作系统下的资源管理器..............................42Figure12:一个采用Tree图组织内容的网页...............................43Figure13:所见即所得的编辑器的网页例子................................456of48WEB应用开发[e-mail]Sydongsun2004.Allrightsreserved..轻轻松松学用JavaScript编程软件技术文档列表WEB应用开发列表Table1:Html对象的常用事件列举.........................................9Table2:字符串对象的常用方法例举......................................21Table3:日期对象的常用方法例举........................................22Table4:一些Target属性值..............................................267of48WEB应用开发[e-mail]Sydongsun2004.Allrightsreserved...说明WEB应用开发轻轻松松学用JavaScript编程软件技术文档1说明1.1主要的内容1.2学习目标◆简单介绍JavaScript语言，JavaScript所处理的对象――属性和方法；◆JavaScript代码加入HTML文档中的方法；◆JavaScript昀常用情景的一个例子――验证用户输入；◆JavaScript的文档对象模型图；◆JavaScript的字符串对象和日期对象；◆窗口对象和框架窗口（FrameSet、IFrame）；◆正则表达式的模式（Pattern）匹配――验证用户输入；◆可参考的JavaScript代码：预载入图片实现导航按钮的动态变化效果；◆可参考的JavaScript代码：显示对象的提示信息；◆可参考的JavaScript代码：精美的日历；◆可参考的JavaScript代码：下拉菜单；◆可参考的JavaScript代码：类似于资源管理器的树图；◆可参考的JavaScript代码：一个所见所得的编辑器；从上面这个大纲来看，本文档的内容明显的分为两个部分。前半部分，也就是一章的内容，主要简单介绍JavaScript，是基础内容，必须要好好的理解。而后面一部分内容，则是精心选择的代码，借此开拓学习者的视野。其中精美的日历，下拉菜单，树图是来自国外的共享软件开发者――一些JavaScript专家写就的。在本文中加以介绍性引用（版权属于原作者），让大家入门之后，如果想进一步深入JavaScript的开发的话，这是优美的，足够我们学习的代码。当然如果你不想深入下去。直接想修改使用它们，建议在财力许可和方便的话，请付给这些作品的原作者相应酬劳，尊重他们的劳动成果。就像你的劳动成果也希望得到别人的尊重一样。本文的格式上，尽量用褐色字体来表示代码。本文中的一些名字概念的说法和其他的书本并不一定一致，这是作者的习惯的说法。但是不会对于你理解本文的内容有障碍。为了更好的阅读效果，作者建议你打印本文档。本文档不到50页，如果你缩印成50%打印的话，是很小的一本册子，也许会增加你学习的信心。通过本文档的阅读，开发人员应该掌握下列内容：1．用JavaScript来访问浏览器环境和HTML语言所构成的现成对象的方法；2．熟悉JavaScript文档对象模型；在心中有个清楚的轮廓；3．进一步学习JavaScript的能力获得；8of48WEB应用开发[e-mail]Sydongsun2004.Allri