JavaScript教程及实例讲解剖析.pdf

JavaScript教程及实例讲解 1 JavaScript教程及实例讲解 .JS 简介及特点 JavaScript语言的前身叫作Livescript。自从 Sun 公司推出著名的Java 语言之后， Netscape 公司引 进了 Sun 公司有关Java 的程序概念，将自己原有的Livescript 重新进行设计，并改名为JavaScript。 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，有了JavaScript，可使网页变 得生动。使用它的目的是与HTML 超文本标识语言、Java 脚本语言一起实现在一个网页中链接多个对象， 与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现 的。 JavaScript具有很多优点： 1. 简单性 :-JavaScript是一种脚本编写语言，它采用小程序段的方式实现编程，像其它脚本语言一样， JavaScript同样已是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与C、C+ 、 VB 、 Delphi十分类似。 但它不像这些语言一样，需要先编译， 而是在程序运行过程中被逐行地解释。它与 HTML 标识结合在一起，从而方便用户的使用操作。 2. 动态性 :-JavaScript是动态的， 它可以直接对用户或客户输入做出响应，无须经过Web服务程序。 它对 用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产 生的动作，就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可 能会引起相应的事件响应。 3. 跨平台性 :-JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持 JavaScript的浏览器就可以正确执行。 4. 节省 CGI的交互时间 :- 随着 WWW的迅速发展有许WWW服务器提供的服务要与浏览者进行交流，确浏览的 身份、需服务的内等等，这项工作通常由CGI/PERL编写相应的接口程序与用户进行交互来完成。很显然， 通过网络与用户的交互过程一方面增大了网络的通信量，另一方面影响了服务器的服务性能。服务器为一 个用户运行一个CGI时，需要一个进程为它服务，它要占用服务器的资源( 如 CPU服务、内存耗费等) ，如 果用户填表出现错误，交互服务占用的时间就会相应增加。被访问的热点主机与用户交互越多，服务器的 性能影响就越大。 JavaScript教程及实例讲解 2 JavaScript是一种基于客户端浏览器的语言，用户在浏览中填表、验证的交互过程只是通过浏览器对 调入 HTML文档中的JavaScript源代码进行解释执行来完成的，即使是必须调用CGI 的部分，浏览器只将 用户输入验证后的信息提交给远程的服务器，大大减少了服务器的开销。 .JS 与 Java 的区别 JavaScript语言和 Java 语言是相关的，但它们之间的联系并不像想象中的那样紧密。 二者的区别体现在： 首先， 它们是两个公司开发的不同的两个产品，Java 是 SUN公司推出的新一代面向对象的程序设计语 言，特别适合于Internet应用程序开发；而JavaScript是 Netscape 公司的产品，其目的是为了扩展 Netscape Navigator功能 , 而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。 其次， JavaScript是基于对象的，而Java 是面向对象的，即Java 是一种真正的面向对象的语言，即 使是开发简单的程序，必须设计对象。JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户 交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象 供设计人员使用。 第三，两种语言在其浏览器中所执行的方式不一样。Java 的源代码在传递到客户端执行之前，必须经 过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某 个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需 经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。 第四，两种语言所采取的变量是不一样的。Java 采用强类型变量检查，即所有变量在编译之前必须作 声明。 JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其 数据类型。 第五，代码格式不一样。Java 是一种与HTML 无关的格式，必须通过像HTML中引用外媒体那么进行装 载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可以直接嵌 入 HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。 第六，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用 . 来标识，而Java 使用 . 来标识。 第七，静态绑定和动态绑定。Java 采用静态联编，即Java 的对象引用必须在编译时的进行，以使编 译器能够实现强类型检查。JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查，如 不经编译则就无法实现对象引用的检查。 JavaScript教程及实例讲解 3 .JS 的运行环境 在目前流行的浏览器中，Netscape 公司的 Navigator 2.0以上版本的浏览器具都有处理JavaScript 源代码的能力。 JavaScript在其中实现了它的1.0 版本，并在后来的Navigator 3.0 实现了它的1.1 版本， 在现在推出的Navigator 4.0（Communicator ）中 ,JavaScript在其中实现了它的1.2 版本。 微软公司从它的Internet Explorer 3.0 版开始支持JavaScript。 Microsoft把自己实现的JavaScript 规范叫做JScript。这个规范与Netscape Navigator浏览器中的JavaScript规范在基本功能上和语法上 是一致的，但是在个别的对象实现方面还有一定的差别，这里特别需要予以注意。 .JS 的数据类型和变量 JavaScript 有六种数据类型。主要的类型有 number 、string、object 以及 Boolean 类型 , 其他两 种类型为 null 和 undefined。 String 字符串类型 : 字符串是用单引号或双引号来说明的。（使用单引号来输入包含引号的字符串。） 如：“ The cow jumped over the moon.” 数值数据类型：JavaScript 支持整数和浮点数。整数可以为正数、0 或者负数；浮点数可以包含小 数点、也可以包含一个“e”（大小写均可，在科学记数法中表示“10 的幂”）、或者同时包含这两项。 Boolean 类型：可能的 Boolean 值有 true 和 false。这是两个特殊值，不能用作 1 和 0 。 Undefined 数据类型：一个为 undefined 的值就是指在变量被创建后，但未给该变量赋值以前所具 有的值。 Null 数据类型： null 值就是没有任何值，什么也不表示。 object类型：除了上面提到的各种常用类型外，对象也是JavaScript中的重要组成部分，这部分将 在后面章节详细介绍。 在 JavaScript 中变量用来存放脚本中的值，这样在需要用这个值的地方就可以用变量来代表，一个 变量可以是一个数字，文本或其它一些东西。 JavaScript是一种对数据类型变量要求不太严格的语言，所以不必声明每一个变量的类型，变量声明 尽管不是必须的，但在使用变量之前先进行声明是一种好的习惯。可以使用 var 语句来进行变量声明。 如： var men = true; / men 中存储的值为 Boolean 类型。 变量命名 :JavaScript 是一种区分大小写的语言，因此将一个变量命名为 computer 和将其命名为 Computer 是不一样的。 另外，变量名称的长度是任意的，但必须遵循以下规则： . 第一个字符必须是一个字母（大小写均可）、或一个下划线(_) 或一个美元符 ($) 。 JavaScript教程及实例讲解 4 . 后续的字符可以是字母、数字、下划线或美元符。 . 变量名称不能是保留字。 .JS 的语句及语法 JavaScript所提供的语句分为以下几大类： 1. 变量声明，赋值语句：var 。 语法如下： var 变量名称 = 初始值 例： var computer = 32 /定义 computer 是一个变量，且有初值为32。 2. 函数定义语句：function， return 。 语法如下： function 函数名称（函数所带的参数） 函数执行部分 return 表达式 /return语句指明将返回的值。 例： function square ( x ) return x*x 3. 条件和分支语句：if.else，switch 。 if.else语句完成了程序流程块中分支功能：如果其中的条件成立，则程序执行紧接着条件的语句 或语句块；否则程序执行else 中的语句或语句块。 语法如下： if (条件 ) 执行语句1 else 执行语句2 例： if (result = true) response = “你答对了！” JavaScript教程及实例讲解 5 else response = “你错了！” 分支语句switch可以根据一个变量的不同取值采取不同的处理方法。 语法如下： switch (expression) case label1: 语句串 1； case label2: 语句串 2； case label3: 语句串 3； . default: 语句串 3； 如果表达式取的值同程序中提供的任何一条语句都不匹配，将执行default 中的语句。 4. 循环语句： for ， for.in，while,break,continue。 for语句的语法如下： for (初始化部分；条件部分；更新部分) 执行部分 . 只要循环的条件成立，循环体就被反复的执行。 for.in语句与 for 语句有一点不同， 它循环的范围是一个对象所有的属性或是一个数组的所有元素。 for.in语句的语法如下： for (变量 in 对象或数组 ) 语句 . while 语句所控制的循环不断的测试条件，如果条件始终成立，则一直循环，直到条件不再成立。 语法如下： while (条件 ) 执行语句 . break 语句结束当前的各种循环，并执行循环的下一条语句。 JavaScript教程及实例讲解 6 continue语句结束当前的循环，并马上开始下一个循环。 5. 对象操作语句：with ，this ， new。 with 语句的语法如下： with (对象名称 ) 执行语句 作用是这样的：如果你想使用某个对象的许多属性或方法时，只要在with 语句的（）中写出这个对 象的名称，然后在下面的执行语句中直接写这个对象的属性名或方法名就可以了。 ew语句是一种对象构造器，可以用new语句来定义一个新对象。 语法是这样的：新对象名称 new 真正的对象名 譬如说，我们可以这样定义一个新的日期对象： var curr new Date()，然后，变量curr就具有 了 Date 对象的属性。 this运算符总是指向当前的对象。 6. 注释语句： / ，/*.*/。 /这是单行注释 /*这可以多行注释 */ .JS 的对象及其属性和方法 在 JavaScript中是基于对象的编程，而不是完全的面向对象的编程。 那麽什麽是对象呢？如果你学过一些VB的编程，对这个名词一定不会陌生。通俗的说，对象是变量 的集合体，对象提供对于数据的一致的组织手段，描述了一类事物的共同属性。 在 JavaScript中，可以使用以下几种对象： . 由浏览器根据web页面的内容自动提供的对象。 .JavaScript的内置对象，如Date,Math 等。 . 服务器上的固有对象。 . 用户自定义的对象。 JavaScript中的对象是由属性和方法两个基本的元素的构成的。对象的属性是指对象的背景色，长度， 名称等。对象的方法是指对属性所进行的操作，就是一个对象自己所属的函数，如对对象取整，使对象获 得焦点，使对象获得个随机数等等一系列操作。 JavaScript教程及实例讲解 7 举个例子来说，将汽车看成是一个对象，汽车的颜色，大小，品牌等叫做属性，而发动，刹车，拐弯 等就叫做方法。 可以采用这样的方法来访问对象的属性：对象名称. 属性名称，例：mycomputer.year=1996 ， mycomputer.owner = “me ”。 可以采用这样的方法，将对象的方法同函数联系起来：对象 . 方法名字 =函数名字或对象. 属性 . 方法名， 例： this.display=display， document.writeln（“ this is method”）。 多看或多写一些程序，就会理解对象的方法和属性的含义了！各个对象的各种属性和方法，可点击参 考！ .JS 的事件处理 事件是浏览器响应用户交互操作的一种机制，JavaScript的事件处理机制可以改变浏览器响应用户操 作的方式，这样就开发出具有交互性，并易于使用的网页。 浏览器为了响应某个事件而进行的处理过程，叫做事件处理。 事件定义了用户与页面交互时产生的各种操作，例如单击超级连接或按钮时，就产生一个单击 （click） 操作事件。浏览器在程序运行的大部分时间都等待交互事件的发生，并在事件发生时，自动调用事件处理 函数，完成事件处理过程。 事件不仅可以在用户交互过程中产生，而且浏览器自己的一些动作也可以产生事件，例：当载入一个 页面时，就会发生load 事件，卸载一个页面时，就会发生unload 事件等。 归纳起来，必需使用的事件有三大类： 1. 引起页面之间跳转的事件，主要是超连接事件。 2. 事件浏览器自己引起的事件。 3. 事件在表单内部同界面对象的交互。 各种 JavaScript的事件可点这里参考。 . 实例讲解 1. 日期星期的显示 源代码如下： ( 这段程序放在与 之间 ) “) if(navigator.appName = “Netscape“) document.write(1900+year); document.write(“年“); document.write(month); document.write(“月“); document.write(date); document.write(“日“); document.write(“) if(navigator.appVersion.indexOf(“MSIE“) != -1) document.write(year); document.write(“年“); document.write(month); document.write(“月“); document.write(date); document.write(“日“); document.write(“) if (todayDate.getDay() = 5) document.write(“星期五 “) if (todayDate.getDay() = 6) document.write(“星期六 “) if (todayDate.getDay() = 0) document.write(“星期日 “) if (todayDate.getDay() = 1) document.write(“星期一 “) if (todayDate.getDay() = 2) document.write(“星期二 “) JavaScript教程及实例讲解 9 if (todayDate.getDay() = 3) document.write(“星期三 “) if (todayDate.getDay() = 4) document.write(“星期四 “) / 源程序讲解： todayDate = new Date(); 当定义一个新的对象时，通常使用“new ”操作符。 在这里，就是创建了日期对象。 date = todayDate.getDate(); getDate()是 Date 对象的一种方法，其功能是获得 当前的日期。 month= todayDate.getMonth() + 1 ; ; getMonth()是 Date 对象的一种方法， 其功能是获得 当前的日期，由于月份是从0 开始的，所以这里要 “ +1” 。 year= todayDate.getYear() getYear()是 Date 对象的一种方法，其功能是获得 当前的年份。 document.write(“今天是 “) document.write(“) 输出“今天是” if(navigator.appName = “Netscape“) document.write(1900+year); document.write(“年“); document.write(month); document.write(“月“); document.write(date); document.write(“日“); document.write(“ “) 如果浏览器是Netscape ， 输出今天是 “year ”+ “年” +“month”+“月” +“date ”+“日” ，其中年要加 1900。 if(navigator.appVersion.indexOf(“MSIE“) != -1) document.write(year); document.write(“年“); document.write(month); document.write(“月“); document.write(date); document.write(“日“); document.write(“ “) 如果浏览器是IE，直接输出今天是“year ”+“年” +“month”+“月” +“date ”+“日” 。 document.write(“) ；在“日期”与“星期”之间输入一个空格。 if (todayDate.getDay() = 5) document.write(“星期五 “) ； if (todayDate.getDay() = 6) document.write(“星期六 “) ； getDay() 是 Date 对象的一种方法， 其功能是获得当 前是星期几。document.write输出今天是“星期 JavaScript教程及实例讲解 10 if (todayDate.getDay() = 0) document.write(“星期日 “) ； if (todayDate.getDay() = 1) document.write(“星期一 “) ； if (todayDate.getDay() = 2) document.write(“星期二 “) ； if (todayDate.getDay() = 3) document.write(“星期三 “) ； if (todayDate.getDay() = 4) document.write(“星期四 “) 几” 。 2. 分时问候 源代码如下： ( 这段程序放在与 之间 ) “) day = new Date( ) hr = day.getHours( ) if ( hr = 0 ) 定义一个新变量。 document.write(“ “) 设置格式，可以是字体，颜色等。 day = new Date( ) 设置 Date 的一个新对象。 hr = day.getHours( ) 把当前的“小时”的值赋给hr. if ( hr = 0 ) var minute=0; var hour=0; idt=window.setTimeout(“interval();“,1000); function interval() second+; if(second=60)second=0;minute+=1; if(minute=60)minute=0;hour+=1; document.forms.input.value=hour+“时“+minute+“ 分 “+second+“ 秒“; idt=window.setTimeout(“interval();“,1000); 源程序讲解： var second=0; var minute=0; var hour=0; 定义三个变量。 idt=window.setTimeout(“interval();“,1000); 先初始化变量，这句话不可少。 function interval() second+; 定义一个函数。功能是形成一个计时系统。 JavaScript教程及实例讲解 13 if(second=60)second=0;minute+=1; if(minute=60)minute=0;hour+=1; document.forms.input.value = hour+“时“+minute+“ 分“+second+“ 秒“; 输出时间。 idt=window.setTimeout(“interval();“,1000); 每 1 秒，调用一次interval()函数，就是一秒走一次。 4. 动态数字时钟1 源代码如下： ( 建议使用1024*768 的分辨率 ) ( 这段程序放在与 之间 ) 12) noon=“PM“ hours=hours-12 if (hours=0) hours=12 if (minutes“+hours+“:“+minutes+“:“ +seconds+“ “+noon+“ if (document.layers) document.layers.position.document.write(myclock) document.layers.position.document.close() else if (document.all) position.innerHTML=myclock setTimeout(“Time()“,1000) / 源程序讲解： function Time() 定义一个函数。 if (!document.layers 当“小时”数小于12 时，其值为AM 。 JavaScript教程及实例讲解 15 if (hours=0) hours=12 if (minutes“ +hours+“:“+minutes+“:“ +seconds+“ “+noon+“ 用一个新变量把“小时，分，秒”结合起来。 if (document.layers) document.layers.position. document.write(myclock) document.layers.position.document.close() 如果浏览器是Netscape ，就输出myclock, 同时用于IE 的代码 就停止执行。 else if (document.all) position.innerHTML=myclock 否则，浏览器是IE，就输出myclock 。 setTimeout(“Time()“,1000) 每 1000 毫秒，调用一次Time 函数 , 即一秒动一次。 onload=“Time()“ 页面装载时，调用Time() 函数。 5. 离开时显示停留时间1 源代码如下： ( 这段程序放在与 之间 ) ( 这段程序放在正文中 ) onUnload=stay() 源程序讲解： pageOpen = new Date(); 定义一个新的日期对象，纪录开始浏览页面时间。 function stay() 定义一个函数。 pageClose = new Date(); 定义一个新的日期对象，纪录结束浏览页面时间。 minutes = (pageClose.getMinutes() - pageOpen.getMinutes(); “分钟”变量等于结束时间的分钟数减去开始时间的分钟 数。 seconds = (pageClose.getSeconds() - pageOpen.getSeconds(); “秒数”变量等于结束时间的秒数数减去开始时间的秒数 数。 time = (seconds + (minutes * 60); 时间变量等于“秒数”变量加上“分钟”变量乘以60， 即变为以秒纪录。 time = (time + “ 秒钟 “); alert('您在这儿停 留了 ' + time + '.欢迎下次再来!'); alert()是 JavaScript的窗口对象方法， 其功能是弹出一 个具有 OK对话框并显示（）中的字符串，告诉在此页面 停留的时间。 onUnload=stay() 页面卸载的时候，调用stay()函数。 6. 带开关的时钟 源代码如下： ( 这段程序放在与 之间 ) var enabled=0; JavaScript教程及实例讲解 17 function TOfunc() TO = window.setTimeout( “TOfunc()“, 1000); var today = new Date(); document.clock.disp.value = today.toLocaleString(); 关 开 源程序讲解： var enabled=0; 定义一个变量 , 并赋初值。 function TOfunc() TO = window.setTimeout( “TOfunc()“, 1000); 定义一个函数，变量TO的值为一秒，调用一次 TOfunc() 函数。 var today = new Date(); 定义 today 为 Date 对象的一个实例。 document.clock.disp.value = today.toLocaleString(); 在文本框中输出当前系统的时间。 插入一个文本框。 JavaScript教程及实例讲解 18 开 插入一个单选按钮。如果选“开”的时候，就调 用 TOfunc() 函数。 关 插入一个单选按钮。如果选“关”的时候，就取 消调用 TOfunc() 函数。 7. 数 字 时 钟 2 源代码如下： ( 这段程序放在与 之间 ) =12) c1.src=“c1.gif“ c2=new Image(); c2.src=“c2.gif“ c3=new Image(); c3.src=“c3.gif“ c4=new Image(); c4.src=“c4.gif“ c5=new Image(); c5.src=“c5.gif“ c6=new Image(); c6.src=“c6.gif“ c7=new Image(); c7.src=“c7.gif“ c8=new Image(); c8.src=“c8.gif“ c9=new Image(); c9.src=“c9.gif“ c0=new Image(); c0.src=“c0.gif“ cb=new Image(); cb.src=“cb.gif“ cam=new Image(); cam.src=“cam.gif“ cpm=new Image(); cpm.src=“cpm.gif“ 定义一些新对象c1,c2.，分别是c1.gif,c2,gif分 别为数字 1，2. function extract(h,m,s,type) 定义一个函数extract,具有四个参数h,m,s,type。 if (!document.images) return 如果当前窗口不存在images 对象，就返回。 if (h9， 就输出一个c1 图，再加上一张对h取模后的值的图。 JavaScript教程及实例讲解 22 document.images.b.src= eval(“c“+(h%10)+“.src“) if (m9 ，先输出一张分钟的十位数上的数字，再加上一张 对 h 取模后的值的图。 if (s=12) function init() if (document.all) tim2.style.left=tim1.style.posLeft; tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6; settimes(); function settimes() var time= new Date(); JavaScript教程及实例讲解 25 hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); if (hours ( 这段程序放在与 之间 ) ( 这段程序放在里 ) onLoad=“init()“ 源程序讲解： 定义一些样式，如字体，字号。 JavaScript教程及实例讲解 26 var ctimer; 定义一个变量。 function init() if (document.all) tim2.style.left=tim1.style.posLeft; tim2.style.top=tim1.style.posTop+ tim1.offsetHeight-6; settimes(); 定义一个函数，获得tim2 的位置。 function settimes() var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); if (hours 定义一个函数，功能是获得当前系统的时 间。 定义 tim1 层的位置。 定义第二层的一些样式，如垂直翻转，透 明度等。 10. 倒计时 JavaScript教程及实例讲解 27 源代码如下： ( 这段程序放在与 之间 ) 0) document.write(“今天离 “+ symbol+“还有 “+day +“ 天“) else if (day = 0) document.write(“只有 1 天啦！ “) else document.write(“唉呀！已经过了！“); / 源程序讲解： var deadline= new Date(“7/30/2000“); 定义“到期”变量。你可以随便设置。 var symbol=“7月 30 日“; 定义“日期性质”变量，可以随便设置。 var now = new Date(); 设置“现在”的时间。 var leave =deadline.getTime() - now.getTime(); 设置变量 “leave ”的值为到期时间减现在时间， 返回的为毫秒数。 var day = Math.floor(leave / (1000 * 60 * 60 * 24); 将毫秒数化为天数， 并返回一个不大于天数的整 数。 if (day 0) document.write(“今天离 “+ symbol+“还有 “+day +“ 天 “) 如果日期不是今天到期，就输出“还有多少天” 。 else if (day = 0) 如果到期日就是机器今天的系统日期，则输出 JavaScript教程及实例讲解 28 document.write(“只有 1 天啦！ “) “只有一天了” 。 Else document.write(“唉呀！已经过了！“) 否则，就是过期了。 11. 标题栏显示日期 源代码如下： ( 这段程序放在与 之间 ) var isMonth = new Array(“1月 “,“2月“,“3月“,“4月“,“5月 “,“6月“,“7月“,“8月“,“9月 “,“10月“,“11月“,“12月“); var isDay = new Array(“星期日 “,“ 星期一 “,“ 星期二 “,“ 星期三 “,“ 星期四 “,“ 星期五 “,“ 星期六 “,“ 星期日 “); today = new Date () ; Year=today.getYear(); Date=today.getDate(); if (document.all) document.title=“今天是: “+Year+“年“+isMonthtoday.getMonth()+Date+“日 “+isDaytoday.getDay() 源程序讲解： var isMonth = new Array (“1 月“,“2月“,“3月“,“4月“,“5月“,“6月“, “7 月“,“8月“,“9月“,“10月“,“11月“,“12月 “); var isDay = new Array(“星期日 “,“ 星期一 “, “星期二 “, “星期三 “, “星期四 “,“ 星期五 “, “星期六 “,“ 星期日 “); 定义两个数组及其所包含的元素。 today = new Date () ; Year=today.getYear(); 获得当前的日期年份和日期。 JavaScript教程及实例讲解 29 Date=today.getDate(); if (document.all) document.title=“今天是 : “+Year+“年“+ isMonthtoday.getMonth()+ Date+“ 日“+isDaytoday.getDay() 输出今天的日期和星期。 12. 淡出淡入效果 源代码如下： ( 这段程序放在与 之间 ) var b = 1; var c = true; function fade() if(document.all); if(c = true) b+; if(b=100) b-; c = false if(b=10) b+; c = true; if(c = false) b-; child.filters.alpha.opacity=0 + b; setTimeout(“fade()“,100); JavaScript教程及实例讲解 30 源程序讲解： var b = 1; 定义变量b 的值为 1。 var c = true; 定义变量c 为布尔型变量，值为true. function fade() 定义一个函数，名为fade. if(document.all); if(c = true) b+; 当用户的浏览器是IE 时，且 C的值为真时， b 的值累加，即b=b+1。 if(b=100) b-; c = false 如果 b 的值为 100 时，其值自减，即b=b-1, 即透明度下降，且c 的 值为假。 f(b=10) b+; c = true; 如果 b 的值为 10 时，其值自加，即b=b+1，且 c 的值为真。 if(c = false) b-; child.filters.alpha.opacity=0 + b; 且 C的值为假时， b 的值自减。此时，